From c5bac554a762d7a77a26a3caa3a6af5f7f8d2703 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 25 Jul 2018 11:45:07 -0400
Subject: [PATCH] overflow hidden on user menu

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

diff --git a/src/app/layouts/navbar.component.html b/src/app/layouts/navbar.component.html
index ea541eb399..49a70935ec 100644
--- a/src/app/layouts/navbar.component.html
+++ b/src/app/layouts/navbar.component.html
@@ -24,7 +24,7 @@
                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-profile">
                     <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">
+                        <div class="ml-2 overflow-hidden">
                             {{'loggedInAs' | i18n}}
                             <small class="text-muted">{{name}}</small>
                         </div>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 899fff6f31..70d9c3593a 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -701,3 +701,7 @@ img.logo {
 .min-height-fix {
     min-height: 1px;
 }
+
+.overflow-hidden {
+    overflow: hidden;
+}