Merge pull request #381 from bitjson/wip/design

Design Work

src/sass/icons.scss

@@ -14,6 +14,19 @@
   padding-left: 74px;
 }
 
+
+.icon-svg {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  > img {
+    background-repeat:no-repeat;
+    background-clip: padding-box;
+    background-size: contain;
+    height: 18px;
+  }
+}
+
 .big-icon-svg {
   padding: 0 7px;
   > .bg {

src/sass/ionic.scss

@@ -27,3 +27,14 @@ ion-tabs.ion-tabs-transparent {
     }
   }
 }
+
+// .placeholder-icon padding cannot be modified by a variable
+$placeholder-icon-padding: 10px;
+.placeholder-icon {
+  &:first-child {
+    padding-right: $placeholder-icon-padding;
+  }
+  &:last-child {
+    padding-left: $placeholder-icon-padding;
+  }
+}

src/sass/views/includes/modals/backup-confirm-modal.scss

@@ -1,3 +0,0 @@
-#backup-confirm-modal{
-  
-}

src/sass/views/includes/modals/backup-needed-modal.scss

@@ -0,0 +1,12 @@
+#backup-needed-modal{
+  .button.button-secondary {
+    font-size: 14px;
+    margin-top: 0;
+  }
+  .button {
+    display: block;
+    margin-right: auto;
+    margin-left: auto;
+    margin-top: 1rem;
+  }
+}

src/sass/views/includes/modals/modals.scss

@@ -73,5 +73,5 @@
   background: rgba(0, 0, 0, .8);
 }
 
-@import "backup-confirm-modal";
+@import "backup-needed-modal";
 @import "screenshot-warning-model";

src/sass/views/tab-receive.scss

@@ -32,9 +32,6 @@
       font-size: .8rem;
       i {
         font-size: 1.3rem;
-        &.ion-social-bitcoin-outline {
-          border-right: 1px solid rgb(228, 228, 228);
-        }
       }
     }
     .bit-address {
@@ -111,6 +108,10 @@
       margin-bottom:1rem;
     }
   }
+  .receive-tab-bitcoin-icon {
+    border-right: 1px solid rgb(228, 228, 228);
+    padding-right: 10px;
+  }
 }
 
 @keyframes fadeIn {