From dc0f78c1b986a57313d465fd352235eb36bbe828 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Sun, 6 Aug 2017 16:58:45 -0700
Subject: Fix font size of eth display for 576-780px vw

---
 ui/app/css/itcss/components/hero-balance.scss | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

(limited to 'ui/app/css/itcss/components/hero-balance.scss')

diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss
index f5de139b1..5bae3160d 100644
--- a/ui/app/css/itcss/components/hero-balance.scss
+++ b/ui/app/css/itcss/components/hero-balance.scss
@@ -1,4 +1,5 @@
 $break-small: 575px;
+$break-medium: 780px;
 $break-large: 576px;
 
 .hero-balance {
@@ -42,13 +43,25 @@ $break-large: 576px;
       margin-left: 1.2vw;
 
       .token-amount {
-        font-size: 2.2vw;
+        font-size: 2.1vw;
+
+        @media screen and (max-width: $break-medium) {
+          font-size: 3vw;
+        }
+
       }
 
       .fiat-amount {
         font-size: 1.7vw;
         margin-top: 0.3em;
+
+        @media screen and (max-width: $break-medium) {
+          font-size: 2.5vw;
+          margin-top: 0em;
+        }
+
       }
+
     }
 
   }
@@ -57,6 +70,12 @@ $break-large: 576px;
     border-radius: 30px;
     // TODO: colors
     border: 1px solid #DEDEDE; 
+    width: 5vw;
+    height: 5vw;
+    min-width: 45px;
+    min-height: 45px;
+    max-width: 65px;
+    max-height: 65px;
   }
 
   .hero-balance-buttons {
-- 
cgit