Merge branch 'ref/design' of https://github.com/bitpay/bitpay-wallet into feature/onboarding_push_notifications

# Conflicts:
#	public/views/onboarding/notifications.html
#	src/js/controllers/onboarding/collectEmail.js

src/sass/main.scss

@@ -937,6 +937,27 @@ input[type=number] {
   }
 }
 
+/** Gravatar **/
+
+.gravatar {
+  border-radius: 50%;
+}
+
+.gravatar-content {
+  position: relative;
+  height: 70px;
+  border-color: #172565;
+  background-color: #1e3186;
+  background-image: linear-gradient(0deg, #172565, #172565 0%, transparent 0%);
+  color: #fff;
+  margin-bottom: 50px;
+  .gravatar {
+    position: absolute;
+    bottom: -30px;
+    left: 41%;
+  }
+}
+
 /* Spinner */
 
 .item-icon-left ion-spinner {
@@ -961,6 +982,7 @@ input[type=number] {
 @import 'mixins/mixins';
 @import "views/add";
 @import "views/amount";
+@import "views/confirm";
 @import "views/tab-home";
 @import "views/tab-receive";
 @import "views/tab-send";

src/sass/views/amount.scss

@@ -9,7 +9,11 @@
       padding-left: 48px;
     }
   }
-
+  .send-gravatar {
+    left: 11px;
+    position: absolute;
+    top: 10px;
+  }
   .amount-pane {
     position: absolute;
     top: 125px;

src/sass/views/confirm.scss

@@ -0,0 +1,7 @@
+#view-confirm {
+  .send-gravatar {
+    left: 11px;
+    position: absolute;
+    top: 10px;
+  }
+}

src/sass/views/tab-send.scss

@@ -11,4 +11,9 @@
         padding-bottom: 1px;
     }
   }
+  .send-gravatar {
+    left: 11px;
+    position: absolute;
+    top: 10px;
+  }
 }