resize font

public/views/modals/inputAmount.html

@@ -15,7 +15,7 @@
   <ion-content>
     <div ng-show="!specificAmount">
       <div class="send-amount row" ng-style="{'background-color':index.backgroundColor}">
-        <div class="size-48">{{amount || '-'}}</div>
+        <div class="size-48" ng-class="{'small-font': smallFont}">{{amount || '-'}}</div>
         <div class="size-21 text-light" ng-show="!showAlternativeAmount">{{globalResult}} [{{amountResult || 0}} {{alternativeIsoCode}}]</div>
         <div class="size-21 text-light" ng-show="showAlternativeAmount">{{globalResult}} [{{alternativeResult || 0}} {{unitName}}]</div>
       </div>

public/views/walletHome.html

@@ -420,11 +420,11 @@
                     <span translate>Amount</span><span ng-show="showAlternative"> [{{home.alternativeIsoCode}}]</span>
                   </label>
                   <div class="input">
-                    <div ng-if="index.isCordova">
+                    <div ng-if="!index.isCordova">
                       <input type="amount" readonly="true" ng-show="!showAlternative" id="amount" ng-disabled="home.lockAmount" name="amount" ng-attr-placeholder="{{'Amount in'|translate}} {{home.unitName}}" ng-model="_amount" valid-amount required autocomplete="off" ng-focus="openInputAmountModal()" ignore-mouse-wheel>
                       <input type="amount" readonly="true" ng-show="showAlternative" id="alternative" ng-disabled="!home.isRateAvailable || home.lockAmount" name="alternative" ng-attr-placeholder="{{'Amount in'|translate}} {{ home.alternativeName }}" ng-model="_alternative" required autocomplete="off" ng-focus="openInputAmountModal()" ignore-mouse-wheel>
                     </div>
-                    <div ng-if="!index.isCordova">
+                    <div ng-if="index.isCordova">
                       <input type="number" ng-show="!showAlternative" id="amount" ng-disabled="home.lockAmount" name="amount" ng-attr-placeholder="{{'Amount in'|translate}} {{home.unitName}}" ng-model="_amount" valid-amount required autocomplete="off" ignore-mouse-wheel>
                       <input type="number" ng-show="showAlternative" id="alternative" ng-disabled="!home.isRateAvailable || home.lockAmount" name="alternative" ng-attr-placeholder="{{'Amount in'|translate}} {{ home.alternativeName }}" ng-model="_alternative" required autocomplete="off" ignore-mouse-wheel>
                     </div>

src/js/controllers/modals/inputAmount.js

@@ -28,7 +28,13 @@ angular.module('copayApp.controllers').controller('inputAmountController', funct
     $scope.showAlternativeAmount = !$scope.showAlternativeAmount;
   };
 
+  function checkFontSize() {
+    if ($scope.amount && $scope.amount.length >= 13) $scope.smallFont = true;
+    else $scope.smallFont = false;
+  };
+
   $scope.pushDigit = function(digit) {
+    checkFontSize();
     if ($scope.amount && $scope.amount.length >= 20) return;
 
     $scope.amount = $scope.amount + digit;
@@ -71,10 +77,12 @@ angular.module('copayApp.controllers').controller('inputAmountController', funct
 
     $scope.amount = $scope.amount.slice(0, -1);
     processAmount($scope.amount);
+    checkFontSize();
   };
 
   function resetAmount() {
     $scope.amount = $scope.alternativeResult = $scope.amountResult = $scope.globalResult = '';
+    checkFontSize();
   };
 
   function processAmount(val) {

src/sass/main.scss

@@ -99,6 +99,10 @@ h4.title a {
   }
 }
 
+.small-font {
+  font-size: 34px !important;
+}
+
 .modal-content h4, .glidera h4, .coinbase h4 {
   background: #F6F7F9;
   padding: 25px 0px 5px 10px;