fix navbar text breaks

src/app/layouts/navbar.component.html

@@ -25,7 +25,7 @@
                     <div class="dropdown-item-text d-flex align-items-center" *ngIf="name" appStopProp>
                         <app-avatar [data]="name" width="25" height="25" fontSize="14" [circle]="true"></app-avatar>
                         <div class="ml-2 overflow-hidden">
-                            {{'loggedInAs' | i18n}}
+                            <span>{{'loggedInAs' | i18n}}</span>
                             <small class="text-muted">{{name}}</small>
                         </div>
                     </div>

src/scss/styles.scss

@@ -120,12 +120,12 @@ input, select, textarea {
 
     .dropdown-menu {
         min-width: 200px;
-        max-width: 250px;
+        max-width: 300px;
 
         .dropdown-item-text {
             line-height: 1.3;
 
-            small {
+            span, small {
                 display: block;
                 white-space: nowrap;
                 overflow: hidden;