From 12cde9e670537ccd470705bdeb6ce835e7625d35 Mon Sep 17 00:00:00 2001
From: Kadir Sekha <sekhakadir@gmail.com>
Date: Thu, 28 Dec 2017 13:55:35 +0000
Subject: [PATCH] updated currency toggle css

---
 src/sass/views/amount.scss | 12 ++++++++++++
 www/views/amount.html      |  4 ++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/sass/views/amount.scss b/src/sass/views/amount.scss
index d9734727a..5adee869a 100644
--- a/src/sass/views/amount.scss
+++ b/src/sass/views/amount.scss
@@ -189,6 +189,18 @@
         height: 30px;
       }
     }
+    &__currency-toggle-mobile {
+      border: 1px solid $v-subtle-gray;
+      color: $v-dark-gray;
+      border-radius: 3px;
+      cursor: pointer;
+      position: relative;
+      line-height: 1;
+      @media(max-width: 320px) {
+        line-height: 30px;
+        height: 30px;
+      }
+    }
     &__results {
       &--minimize {
         font-size: 12px;
diff --git a/www/views/amount.html b/www/views/amount.html
index c389ba5e2..aa2f79817 100644
--- a/www/views/amount.html
+++ b/www/views/amount.html
@@ -65,8 +65,8 @@
       </div>
       <div class="amount">
         <span>
-          <input type="number" ng-model="amountModel.amount" ng-change="processAmount()" placeholder="Enter amount">
-          <a class="amount__currency-toggle" ng-click="changeUnit()">{{unit}}</a>
+          <input type="number" ng-model="amountModel.amount" ng-change="processAmount()" placeholder="Enter amount" focus-me>
+          <a class="amount__currency-toggle-mobile" ng-click="changeUnit()">{{unit}}</a>
         </span>
         <span ng-show="globalResult">{{globalResult}} {{unit}}</span>
         <span>&asymp; {{alternativeAmount || '0.00'}} {{alternativeUnit}}</span>