From bfc462cbecca952c25e7573adc76aa153829ffde Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Mon, 30 Jul 2018 22:53:08 -0400
Subject: [PATCH] fix navbar text breaks

---
 src/app/layouts/navbar.component.html | 2 +-
 src/scss/styles.scss                  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/layouts/navbar.component.html b/src/app/layouts/navbar.component.html
index 49a70935ec..db48880737 100644
--- a/src/app/layouts/navbar.component.html
+++ b/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>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 04e57fd2ce..fa999d56b7 100644
--- a/src/scss/styles.scss
+++ b/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;