From ebf39831c416dab12367175d48f494ebae5c7114 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Sun, 6 Aug 2017 17:13:31 -0700
Subject: Adjust size of buttons for 576-780+px range

---
 ui/app/css/itcss/components/hero-balance.scss | 24 +++++-------------------
 1 file changed, 5 insertions(+), 19 deletions(-)

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss
index 5bae3160d..be5b69e0a 100644
--- a/ui/app/css/itcss/components/hero-balance.scss
+++ b/ui/app/css/itcss/components/hero-balance.scss
@@ -40,26 +40,14 @@ $break-large: 576px;
 
     @media screen and (min-width: $break-large) {
       flex-grow: 3;
-      margin-left: 1.2vw;
+      margin-left: 3%;
 
       .token-amount {
-        font-size: 2.1vw;
-
-        @media screen and (max-width: $break-medium) {
-          font-size: 3vw;
-        }
-
+        font-size: 125%;
       }
 
       .fiat-amount {
-        font-size: 1.7vw;
-        margin-top: 0.3em;
-
-        @media screen and (max-width: $break-medium) {
-          font-size: 2.5vw;
-          margin-top: 0em;
-        }
-
+        font-size: 105%;
       }
 
     }
@@ -67,7 +55,7 @@ $break-large: 576px;
   }
 
   .hero-balance-icon {
-    border-radius: 30px;
+    border-radius: 10vw;
     // TODO: colors
     border: 1px solid #DEDEDE; 
     width: 5vw;
@@ -80,7 +68,7 @@ $break-large: 576px;
 
   .hero-balance-buttons {
     button.btn-clear {
-      width: 81px;
+      width: 5%;
       height: 32px;
       font-size: .7em;
       background: white;
@@ -93,8 +81,6 @@ $break-large: 576px;
 
       @media screen and (min-width: $break-large) {
         flex-grow: 2;
-        width: 5.8vw;
-        min-width: 75px;
         height: 4.2vh;
         min-height: 28px;
         font-size: .7em;
-- 
cgit