Fix css for small devices (max-width: 320px)

src/sass/views/amount.scss

@@ -32,6 +32,13 @@
       padding-left: 48px;
     }
   }
+  @media(max-width: 320px) {
+    .bitcoin-address {
+      & > span:last-child {
+        margin-left: -2px;
+      }
+    }
+  }
   .send-gravatar {
     left: 11px;
     position: absolute;
@@ -51,6 +58,9 @@
       @media(max-height: 480px) {
         padding: 0px;
       }
+      @media(max-width: 320px) {
+        padding: 0px;
+      }
       .title {
         float: left;
         padding-top: 10px;
@@ -78,6 +88,16 @@
       @media(max-height: 480px) {
         top: 45px;
       }
+      @media(max-width: 320px) {
+        bottom: 276px;
+        top: 60px;
+        & > div {
+          display: inline-block;
+        }
+        & > div:first-child {
+          display: inherit;
+        }
+      }
     }
   }
   .amount-pane-no-recipient {
@@ -147,6 +167,10 @@
       position: relative;
       top: -3px;
       line-height: 1;
+      @media(max-width: 320px) {
+        line-height: 30px;
+        height: 30px;
+      }
     }
     &__results {
       &--minimize {

src/sass/views/includes/walletActivity.scss

@@ -8,6 +8,9 @@
   &-amount {
     float: right;
     font-size: 18px;
+    @media(max-width: 320px) {
+      text-align: right;
+    }
   }
 
   &-note {

src/sass/views/tab-receive.scss

@@ -28,6 +28,9 @@
     @media(max-height: 600px) and (-webkit-device-pixel-ratio: 2) {
       height: 64vh;
     }
+    @media(max-width: 320px) {
+      height: 62vh;
+    }
     &-info {
       height: 100%;
       display: flex;
@@ -35,6 +38,9 @@
       justify-content: center;
       align-items: center;
       width: 100%;
+      @media(max-width: 320px) {
+        height: auto;
+      }
     }
     article {
       flex:1;
@@ -128,6 +134,12 @@
         @media(min-width:450px) {
           font-size:1rem;
         }
+        &.item-icon-left {
+          @media(max-width: 320px) {
+            padding-left: 48px;
+            text-overflow: initial;
+          }
+        }
         color:$v-light-gray;
       }
     }
@@ -140,6 +152,10 @@
       justify-content: center;
       flex: 1;
       z-index: 1;
+      @media(max-width: 320px) {
+        height: 260px;
+        margin-top: -50px;
+      }
       div {
         transition: all .4s ease;
         &.current,

src/sass/views/walletDetails.scss

@@ -176,6 +176,9 @@
     display: block;
     align-items: center;
     justify-content: center;
+    @media(max-width: 320px) {
+      padding-top: 60px;
+    }
 
     &.collapsible {
       margin-bottom: 10px;