From 3e55caeffd6b7657067009ece9aa339922aee561 Mon Sep 17 00:00:00 2001
From: Chi Kei Chan <chikeichan@gmail.com>
Date: Tue, 24 Oct 2017 23:47:43 -0700
Subject: Add ellipsis to super long account name

---
 ui/app/css/itcss/components/newui-sections.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss
index 3bb1840e2..244de2ba0 100644
--- a/ui/app/css/itcss/components/newui-sections.scss
+++ b/ui/app/css/itcss/components/newui-sections.scss
@@ -43,7 +43,8 @@ $wallet-view-bg: $wild-sand;
 .wallet-view {
   display: flex;
   flex-direction: column;
-  flex: 33.5 0 33.5%;
+  flex: 33.5 1 33.5%;
+  width: 0;
   background: $wallet-view-bg;
   z-index: 200;
   position: relative;
@@ -60,6 +61,7 @@ $wallet-view-bg: $wild-sand;
   &__name-container {
     flex: 0 0 auto;
     cursor: pointer;
+    width: 100%;
   }
 
   &__keyring-label {
@@ -251,6 +253,12 @@ $wallet-view-bg: $wild-sand;
   color: $scorpion;
   margin-top: 8px;
   margin-bottom: 24px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 100%;
+  padding: 0 8px;
+  text-align: center;
 }
 
 // account options dropdown
-- 
cgit