From a6f3e1ace42ae802b573120a59ee8edf1dd46a49 Mon Sep 17 00:00:00 2001
From: JDonadio <tanojaja@gmail.com>
Date: Wed, 18 Jan 2017 12:36:26 -0300
Subject: [PATCH] ref text size

---
 src/sass/views/amount.scss | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/sass/views/amount.scss b/src/sass/views/amount.scss
index 175e230f4..5c2a6b14c 100644
--- a/src/sass/views/amount.scss
+++ b/src/sass/views/amount.scss
@@ -48,11 +48,20 @@
     .amount-bar {
       padding: 24px 0;
       font-size: 18px;
+      @media(max-height: 480px) {
+        padding: 0px;
+      }
       .title {
         float: left;
         padding-top: 10px;
         color: $dark-gray;
         font-weight: bold;
+        @media(max-height: 480px) {
+          padding: 0px;
+        }
+      }
+      @media(max-height: 480px) {
+        padding-top: 3px;
       }
     }
     .amount {
@@ -66,6 +75,9 @@
       .light {
         color: $light-gray;
       }
+      @media(max-height: 480px) {
+        top: 45px;
+      }
     }
   }
   .amount-pane-no-recipient {
@@ -108,12 +120,15 @@
   }
   .amount {
     &__editable {
-      margin-bottom: 1rem;
       &--minimize {
         font-size: 22px;
       }
       &--standard {
         font-size: 42px;
+        @media(max-height: 480px) {
+          font-size: 26px;
+          padding-top: 10px;
+        }
       }
       &--placeholder {
         color: $light-gray;
@@ -139,6 +154,7 @@
       }
       &--standard {
         font-size: 18px;
+        padding: 10px 0;
       }
       &--placeholder {
         color: $light-gray;
@@ -149,11 +165,18 @@
       font-size: .9em;
       margin-bottom: -.9em;
       line-height: 1;
+      @media(max-height: 480px) {
+        margin-bottom: 0;
+      }
     }
     &__result-equiv {
       color: $mid-gray;
       font-size: 1.2em;
       margin-top: 2rem;
+      @media(max-height: 480px) {
+        margin-top: 0;
+        font-size: 16px;
+      }
     }
   }
   .keypad {
@@ -205,5 +228,9 @@
       }
     }
 
+    @media(max-height: 480px) {
+      font-size: 12px;
+
+    }
   }
 }