custom amount

src/sass/views/amount.scss

@@ -34,7 +34,7 @@
     position: absolute;
     top: 10px;
   }
-  .amount-pane {
+  .amount-pane-send {
     position: absolute;
     top: 95px;
     bottom: 0;
@@ -65,6 +65,37 @@
       }
     }
   }
+  .amount-pane-receive {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: #fff;
+    padding: 0 16px;
+
+    .amount-bar {
+      padding: 24px 0;
+      font-size: 18px;
+      .title {
+        float: left;
+        padding-top: 10px;
+        color: $dark-gray;
+        font-weight: bold;
+      }
+    }
+    .amount {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      flex-grow: 1;
+      position: absolute;
+      bottom: 254px;
+      top: 66px;
+      .light {
+        color: $light-gray;
+      }
+    }
+  }
   .amount {
     &__editable {
       margin-bottom: 1rem;

src/sass/views/custom-amount.scss

@@ -0,0 +1,16 @@
+#custom-amount {
+  .share {
+    justify-content: center;
+  }
+  .info {
+    .single-line {
+      display: flex;
+      align-items: center;
+      padding-top: 17px;
+      padding-bottom: 17px;
+      .item-note {
+        margin-left: 10px;
+      }
+    }
+  }
+}

src/sass/views/tab-receive.scss

@@ -200,7 +200,7 @@
           }
         }
         #bit-address {
-          position: realtive;
+          position: relative;
         }
       }
     }

src/sass/views/views.scss

@@ -41,3 +41,4 @@
 @import "includes/walletSelector";
 @import "integrations/coinbase";
 @import "integrations/glidera";
+@import "custom-amount";