Merge branch 'feature/send' of github.com:nacardin/bitpay-wallet into nacardin-feature/send

src/sass/common.scss

@@ -21,6 +21,10 @@
   padding-left: 74px;
 }
 
+.item-no-bottom-border + .item {
+    border-top: 0;
+}
+
 .icon.big-icon-svg {
   padding: 0 7px;
   > img {
@@ -30,7 +34,7 @@
     box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
   }
 }
-.overlay{
+.overlay {
   position: absolute;
   top:0;
   left:0;

src/sass/main.scss

@@ -901,44 +901,6 @@ input[type=file] {
   font-size: 16px;
 }
 
-/*
- * Calculator
- */
-
-.calculator .header-calc {
-  position: absolute;
-  width: 100%;
-  text-align: center;
-}
-
-.calculator .button-calc {
-  position: absolute;
-  width: 100%;
-  bottom: 0;
-}
-
-.calculator .button-calc .row {
-  padding: 0 !important;
-}
-
-.calculator .button-calc .columns {
-  cursor: pointer;
-  text-align: center;
-}
-
-.calculator .button-calc .operator {
-  color: #2C3E50;
-  background-color: #eee;
-}
-
-.calculator .button-calc .columns:active {
-  background-color: #eee;
-}
-
-.calculator .button-calc .operator:active {
-  background-color: #f8f8f8;
-}
-
 // No looks likes locked
 input[type="number"] {
   &[readonly] {
@@ -998,8 +960,10 @@ input[type=number] {
 @import "forms";
 @import 'mixins/mixins';
 @import "views/add";
+@import "views/amount";
 @import "views/tab-home";
 @import "views/tab-receive";
+@import "views/tab-send";
 @import "views/walletDetails";
 @import "views/bitpayCard";
 @import 'views/onboarding/onboarding';

src/sass/views/amount.scss

@@ -0,0 +1,88 @@
+#view-amount {
+  @media(max-width: 480px) {
+    .bitcoin-address {
+      .icon {
+        left: 8px;
+        font-size: 24px;
+      }
+      font-size: 11px;
+      padding-left: 48px;
+    }
+  }
+
+  .amount-pane {
+    position: absolute;
+    top: 125px;
+    bottom: 0;
+    width: 100%;
+    background-color: #fff;
+    padding: 0 16px;
+
+    .amount-bar {
+      padding: 24px 0;
+      font-size: 18px;
+      .title {
+        float: left;
+        padding-top: 10px;
+      }
+    }
+    .amount {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      flex-grow: 1;
+      position: absolute;
+      bottom: 254px;
+      top: 66px;
+    }
+  }
+
+  .keypad {
+    text-align: center;
+    font-size: 24px;
+    font-weight: lighter;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+
+    .row {
+      padding: 0 !important;
+      margin: 0 !important;
+    }
+
+    .col {
+      line-height: 40px;
+    }
+
+    .operator {
+      background-color: #eaeaea;
+      font-weight: normal;
+      cursor: pointer;
+
+      &:active {
+        background-color: #f8f8f8;
+      }
+    }
+
+    .operator-send {
+      font-weight: bolder;
+      background-color: #f7f7f7;
+      font-size: 36px;
+      cursor: pointer;
+
+      &:active {
+        background-color: #eaeaea;
+      }
+    }
+
+    .digit{
+      cursor: pointer;
+      border-top: 1px solid #eaeaea;
+      border-left: 1px solid #eaeaea;
+      &:active {
+        background-color: #eaeaea;
+      }
+    }
+
+  }
+}

src/sass/views/tab-send.scss

@@ -0,0 +1,14 @@
+#tab-send {
+  .bitcoin-address {
+    @media(max-width: 480px) {
+      input {
+        font-size: 12px;
+      }
+    }
+    .icon {
+      line-height: 31px;
+        padding-top: 2px;
+        padding-bottom: 1px;
+    }
+  }
+}