Merged sprint/20.

src/sass/buttons.scss

@@ -55,6 +55,7 @@
 .button {
   border-radius: 6px;
   &.button-full {
+    border-radius: 0;
     display: block;
   }
   &-green {
@@ -73,7 +74,7 @@
       color: #FFF;
     }
     &-outline {
-      @include button-style(transparent, #FFFFFF, #FAFAFA, #FFF, #FFFFFF);
+      @include button-style(transparent, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF);
       @include button-outline(#FFFFFF);
       background: none;
       box-shadow: none;

src/sass/components/components.scss

@@ -8,4 +8,5 @@
 @import "action-minor";
 @import "expand-content";
 @import "fee-summary";
-@import "amount.scss";
+@import "formatted-amount";
+@import "wallet-balance";

src/sass/components/formatted-amount.scss

@@ -1,4 +1,6 @@
-.amount {
+.formatted-amount {
+  display: inline-block;
+
   .start,
   .middle,
   .end,

src/sass/components/wallet-balance.scss

@@ -0,0 +1,3 @@
+.wallet-balance-directive {
+  display: inline-block;
+}

src/sass/shame.scss

@@ -468,3 +468,7 @@ input[type=file] {
 .white-space-initial {
   white-space: initial;
 }
+
+.height-spacer {
+  height: 15px;
+}

src/sass/views/amount.scss

@@ -305,7 +305,8 @@
 
             &.very-long {
               input, .unit, .primary-amount-display {
-                font-size: 0.9em;
+                font-size: 1.2em; // OK for iPhone 5 / SE with BCH to 8dp
+                
   
                 @media (min-width: 375px) {
                   font-size: 1.3em;
@@ -382,41 +383,46 @@
 
       .available-funds {
         color: #6F6F70;
+        text-align: left;
+      }
+
+      .change-currency {
+        text-align: right;
       }
 
       .warning {
         color: $v-warning-color-2;
       }
 
-      .extra,
-      button.extra {
-        /*display: flex;*/
-        flex: 0 1 auto;
-      }
-
-      button.extra {
-        background: none; 
-        border: none;
-        color: #000;
-        font-family: 'ProximaNova';
-        font-size: 14px;
+      .extra {
+        flex: 1;
         line-height: normal;
-        min-height: auto;
-        min-width: auto;
-        padding: 0;
-      }
 
-      .button .icon:before {
-        font-size: 14px;
-        line-height: normal;
-      }
-      
+        .button {
+          background: none; 
+          border: none;
+          border-radius: 0;
+          color: #000;
+          font-family: 'ProximaNova';
+          font-size: 14px;
+          line-height: normal;
+          min-height: auto;
+          min-width: auto;
+          padding: 0;
+        }
 
-      .button {
-        span {
-          display: flex;
-          align-items: center;
-          justify-content: center;
+        .button .icon:before {
+          font-size: 14px;
+          line-height: normal;
+        }
+        
+
+        .button {
+          span {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
         }
       }
     }

src/sass/views/includes/clickToAccept.scss

@@ -8,6 +8,7 @@ click-to-accept {
   .click-to-accept {
 
     &__button.button.button-primary.button-standard {
+      border-radius: 0;
       height: 100%;
       max-width: 9999px;
       width: 100%;

src/sass/views/includes/slideToAccept.scss

@@ -13,6 +13,9 @@ slide-to-accept {
   }
 
   .slide {
+    .button {
+      border-radius: 0;
+    }
     &__listener {
       height: 100%;
       width: 100%;

src/sass/views/review.scss

@@ -1,5 +1,4 @@
 #view-review {
-  background-color: #494949;
 
   slide-to-accept, slide-to-accept-success {
     margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */

src/sass/views/tab-send.scss

@@ -2,15 +2,15 @@
   @extend .deflash-blue;
 
   &-header{
-    height: 300px;
+    //height: 300px;
     width: 100%;
   }
   &-contacts {
-    height: calc(100vh - 300px - 50px - 44px); /* screen size - button container - bottom-tab-menu - header top */
+    //height: calc(100vh - 300px - 50px - 44px); /* screen size - button container - bottom-tab-menu - header top */
     &.ios {
-      height: calc(100vh - 300px - 50px - 44px - 18px); // Remove the notification-bar height on iOS
+      //height: calc(100vh - 300px - 50px - 44px - 18px); // Remove the notification-bar height on iOS
     }
-    overflow: scroll;
+    //overflow: scroll;
   }
 
   .input {
@@ -223,12 +223,12 @@
       }
     }
     #tab-send-header {
-      height: 270px;
+      //height: 270px;
     }
     #tab-send-contacts {
-      height: calc(100vh - 270px - 50px  - 44px);  /* screen size - button container - bottom-tab-menu - header top */
+      //height: calc(100vh - 270px - 50px  - 44px);  /* screen size - button container - bottom-tab-menu - header top */
       &.ios {
-        height: calc(100vh - 270px - 50px - 44px - 18px); // Remove the notification-bar height on iOS
+        //height: calc(100vh - 270px - 50px - 44px - 18px); // Remove the notification-bar height on iOS
       }
     }
   }