Shapeshift refactor / Empty case / CSS

src/sass/mixins/layout.scss

@@ -18,3 +18,42 @@
 .absolute-center{
   @include absolute-center();
 }
+
+@mixin empty-case() {
+  padding-top: 5vh;
+  text-align: center;
+  .item {
+    border-style: none;
+  }
+  & > .title {
+    font-size: 20px;
+    color: $v-dark-gray;
+    margin: 20px 10px;
+  }
+  & > .subtitle {
+    font-size: 1rem;
+    line-height: 1.5em;
+    font-weight: 300;
+    color: #6F6F70;
+    margin: 20px 1em 2.5em;
+  }
+  .big-icon-svg {
+    .bg.green {
+      padding: 0 10px;
+      box-shadow: none;
+    }
+  }
+  .buttons {
+    margin-top: 18px;
+    .button {
+      font-weight: bold;
+      font-size: 19px;
+    }
+  }
+  .button-first-contact img {
+    height: 19px;
+    width: 19px;
+    margin-right: 6px;
+    vertical-align: sub;
+  }
+}

src/sass/views/shapeshift.scss

@@ -0,0 +1,14 @@
+#shapeshift {
+  .empty-case {
+    @include empty-case();
+  }
+  .button-shapeshift {
+    @extend %button-standard;
+
+    @include button-style(#243F5D, #FFF, #606060, #FFF, #FFF);
+    @include button-clear(#FFF);
+    @include button-outline(#C1C1C1);
+    border: 0px;
+    @include button-shadow();
+  }
+}

src/sass/views/tab-send.scss

@@ -133,42 +133,7 @@
     padding-left: 30px;
   }
   .sendTip {
-    padding-top: 5vh;
-    text-align: center;
-    .item {
-      border-style: none;
-    }
-    & > .title {
-      font-size: 20px;
-      color: $v-dark-gray;
-      margin: 20px 10px;
-    }
-    & > .subtitle {
-      font-size: 1rem;
-      line-height: 1.5em;
-      font-weight: 300;
-      color: #6F6F70;
-      margin: 20px 1em 2.5em;
-    }
-    .big-icon-svg {
-      .bg.green {
-        padding: 0 10px;
-        box-shadow: none;
-      }
-    }
-    .buttons {
-      margin-top: 18px;
-      .button {
-        font-weight: bold;
-        font-size: 19px;
-      }
-    }
-    .button-first-contact img {
-      height: 19px;
-      width: 19px;
-      margin-right: 6px;
-      vertical-align: sub;
-    }
+    @include empty-case();
   }
   .item-heading {
     line-height: 16px;

src/sass/views/views.scss

@@ -14,6 +14,7 @@
 @import "walletBalance";
 @import "walletDetails";
 @import "advancedSettings";
+@import "shapeshift";
 @import "bitpayCard";
 @import "bitpayCardIntro";
 @import "buyandsell";