From 9ed3a5512efed033efae1a5e3d414598f74b6bd7 Mon Sep 17 00:00:00 2001
From: Dan J Miller <danjm.com@gmail.com>
Date: Tue, 6 Feb 2018 21:21:32 -0330
Subject: Fix alignment of ellipsis and address in wallet view. (#3198)

---
 ui/app/components/token-cell.js                 | 2 +-
 ui/app/css/itcss/components/newui-sections.scss | 1 +
 ui/app/css/itcss/components/token-list.scss     | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

(limited to 'ui')

diff --git a/ui/app/components/token-cell.js b/ui/app/components/token-cell.js
index 677f22a75..0332fde88 100644
--- a/ui/app/components/token-cell.js
+++ b/ui/app/components/token-cell.js
@@ -111,7 +111,7 @@ TokenCell.prototype.render = function () {
         network,
       }),
 
-      h('div.token-list-item__balance-wrapper', null, [
+      h('div.token-list-item__balance-ellipsis', null, [
         h('div.token-list-item__balance-wrapper', null, [
           h('h3.token-list-item__token-balance', `${string || 0} ${symbol}`),
 
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss
index a5e4523b9..73faebe8b 100644
--- a/ui/app/css/itcss/components/newui-sections.scss
+++ b/ui/app/css/itcss/components/newui-sections.scss
@@ -105,6 +105,7 @@ $wallet-view-bg: $alabaster;
   &__tooltip {
     display: flex;
     justify-content: center;
+    align-items: center;
     padding: 24px;
   }
 
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss
index e90418c97..9dc4f1055 100644
--- a/ui/app/css/itcss/components/token-list.scss
+++ b/ui/app/css/itcss/components/token-list.scss
@@ -51,7 +51,7 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
   &__balance-ellipsis {
     display: flex;
     align-items: center;
-    justify-content: space-around;
+    width: 100%;
   }
 
   &__ellipsis {
-- 
cgit v1.2.3