W TRAKCIE .login-bar - coś chyba namieszałem

Cześć, zmodyfikowałem login-bar żeby dostosować kolory i fonty. Kod jak niżej:

.login-bar {
background: white; }
.login-bar ul.links li a {
color: #f49cac;
font-weight: bold; }
.login-bar ul.links li a:hover {
color: black;
font-weight: bold; }
@media (max-width: 767px) {
.login-bar {
max-height: 1px;}
}

I wszystko wygląda super, ale dopóki ktoś się nie zaloguje.
Przed logowaniem :


Po logowaniu :


Chciałbym żeby "Wyloguj / Moje konto" nie zmieniały pozycji względem "Zaloguj / Zarejestruj się" po zalogowaniu, a napis "Witaj ... " żeby był w tym samym wierszu, tylko mógłby być bliżej lewej strony np. początek od 1/3 szerokości strony.

Help !

 

Najważniejsze żeby wszystkie napisy były w tym samym wierszu, bo teraz to wygląda strasznie.

 

Zdecydowanie lepiej! Dzięki wielkie