From 312307365981d032091e909b3194c4e20cd55e17 Mon Sep 17 00:00:00 2001
From: Whymarrh Whitby <whymarrh.whitby@gmail.com>
Date: Mon, 18 Jun 2018 22:08:17 -0230
Subject: Scroll large amounts in the send component

---
 ui/app/css/itcss/components/currency-display.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'ui/app/css/itcss/components/currency-display.scss')

diff --git a/ui/app/css/itcss/components/currency-display.scss b/ui/app/css/itcss/components/currency-display.scss
index 3560b0b0c..3614aa868 100644
--- a/ui/app/css/itcss/components/currency-display.scss
+++ b/ui/app/css/itcss/components/currency-display.scss
@@ -1,6 +1,5 @@
 .currency-display {
   height: 54px;
-  width: 100%ß;
   border: 1px solid $alto;
   border-radius: 4px;
   background-color: $white;
@@ -21,7 +20,7 @@
     line-height: 22px;
     border: none;
     outline: 0 !important;
-    max-width: 100%;
+    max-width: 22ch;
   }
 
   &__primary-currency {
@@ -47,6 +46,9 @@
   &__input-wrapper {
     position: relative;
     display: flex;
+    flex: 1;
+    max-width: 100%;
+    overflow-x: scroll;
 
     input[type="number"]::-webkit-inner-spin-button {
       -webkit-appearance: none;
@@ -75,4 +77,4 @@
       display: none;
     }
   }
-}
\ No newline at end of file
+}
-- 
cgit