Merge pull request #53 from cmgustavo/ref/design-15

Ref/design 15

src/sass/views/onboarding/onboard-collect-email.scss

@@ -1,5 +1,8 @@
 #onboarding-collect-email {
   background: rgb(17, 209, 166);
+  .scroll {
+    height: 100%;
+  }
   #success-image {
     margin-top: 4rem;
   }
@@ -11,17 +14,18 @@
     opacity: 1;
     background: #fff;
     color: rgb(108, 108, 108);
-    height: 11rem;
+    height: 13rem;
     animation-name: topBottom;
     animation-iteration-count: 1;
     animation-timing-function: ease-in;
     animation-duration: 1s;
     animation-delay: 2s;
     position: absolute;
-    bottom: -100%;
+    bottom: -13rem;
     animation-fill-mode: forwards;
     z-index: 5;
     margin-top: 0;
+    width: 100%;
     label {
       background: rgba(200, 200, 200, 0.20);
       height: 3rem;

src/sass/views/onboarding/onboard-welcome.scss

@@ -7,7 +7,7 @@
     #shopping-24 {
       content: url("../img/onboarding-welcome-shopping24.png");
       position: absolute;
-      top: 2%;
+      top: 5%;
       right: 5%;
       width: 35px;
       height: auto;
@@ -17,7 +17,7 @@
       @include center-block();
     }
     .logo {
-      margin-top: 15rem;
+      margin-top: 13rem;
     }
     button {
       @include center-block(1rem);

src/sass/views/onboarding/onboarding.scss

@@ -34,7 +34,7 @@
       background-size: contain;
       width: 100%;
       clear: both;
-      height: 20rem;
+      height: 23rem;
       margin-bottom: -3rem;
       background-position: center;
       background-repeat: no-repeat;

src/sass/views/onboarding/terms-of-use.scss

@@ -4,7 +4,7 @@
     box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
   }
   ion-content{
-    margin-top:1.5rem;
+    padding-top: 1.5rem;
     color: rgba(86, 86, 86, 0.77);
     p{
       padding:0 2.5%;
@@ -14,4 +14,4 @@
       }
     }
   }
-} 
+}