Merge pull request #4432 from alextsg/fix-tokenlist-balance-overflow

Fix ellipses
MetaMask · Jun 2, 2018 · e6769bd · e6769bd
2 parents d454b5d + fd98ed5
commit e6769bd
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss
@@ -18,12 +18,13 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    flex: 1;
+    min-width: 0;
+    max-width: 100%;
   }
 
   &__token-balance, &__token-symbol {
     font-size: 1.5rem;
-    display: inline-flex;
+    flex: 0 0 auto;
 
     @media #{$wallet-balance-breakpoint-range} {
       font-size: 95%;
@@ -72,10 +73,10 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
   }
 
   &__balance-wrapper {
-    flex: 1 1 auto;
+    flex: 1;
+    flex-flow: row wrap;
+    display: flex;
     min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
   }
 }