onboarding email: fix scrolling when focus input

Gruntfile.js

@@ -69,7 +69,7 @@ module.exports = function(grunt) {
         tasks: ['concat:css']
       },
       sass: {
-        files: ['src/sass/**/*.scss'],
+        files: ['src/sass/**/**/*.scss'],
         tasks: ['sass', 'concat:css']
       },
       main: {

public/views/onboarding/collectEmail.html

@@ -6,7 +6,6 @@
     <div class="row text-center">
       <h3 translate class="col">Wallet Created</h3>
     </div>
-  </ion-content>
     <div id="collect-email">
       <div class="row text-center">
         <p translate class="col col-75">Where would you like to receive email notifications about payments </p>
@@ -24,4 +23,5 @@
       </div>
     </div>
     <div class="overlay"></div>
+  </ion-content>
 </ion-view>

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;
   }
@@ -18,7 +21,7 @@
     animation-duration: 1s;
     animation-delay: 2s;
     position: absolute;
-    bottom: -100%;
+    bottom: -13rem;
     animation-fill-mode: forwards;
     z-index: 5;
     margin-top: 0;