From e19d5dc254dbf1bc65681d396744915480aeaf0c Mon Sep 17 00:00:00 2001
From: Gustavo Maximiliano Cortez <cmgustavo83@gmail.com>
Date: Fri, 2 Sep 2016 15:55:43 -0300
Subject: [PATCH] onboarding email: fix scrolling when focus input

---
 Gruntfile.js                                  |  2 +-
 public/views/onboarding/collectEmail.html     | 34 +++++++++----------
 .../onboarding/onboard-collect-email.scss     |  5 ++-
 3 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/Gruntfile.js b/Gruntfile.js
index ad4a457a5..1ef8ef2cf 100644
--- a/Gruntfile.js
+++ b/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: {
diff --git a/public/views/onboarding/collectEmail.html b/public/views/onboarding/collectEmail.html
index 5f01e1e53..5145b53e7 100644
--- a/public/views/onboarding/collectEmail.html
+++ b/public/views/onboarding/collectEmail.html
@@ -6,22 +6,22 @@
     <div class="row text-center">
       <h3 translate class="col">Wallet Created</h3>
     </div>
+    <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>
+      </div>
+      <form name="emailForm" ng-submit="save(emailForm)" novalidate>
+        <label class="item item-input col col-75">
+          <i class="icon ion-arrow-right-c"></i>
+          <input type="email" id="email" name="email" ng-model="email" required></input>
+        </label>
+      </form>
+      <div class="text-center">
+        <button class="button button-back no-border" ng-click="onboardingMailSkip()">
+          {{'Skip' | translate}}
+        </button>
+      </div>
+    </div>
+    <div class="overlay"></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>
-    </div>
-    <form name="emailForm" ng-submit="save(emailForm)" novalidate>
-      <label class="item item-input col col-75">
-        <i class="icon ion-arrow-right-c"></i>
-        <input type="email" id="email" name="email" ng-model="email" required></input>
-      </label>
-    </form>
-    <div class="text-center">
-      <button class="button button-back no-border" ng-click="onboardingMailSkip()">
-        {{'Skip' | translate}}
-      </button>
-    </div>
-  </div>
-  <div class="overlay"></div>
 </ion-view>
diff --git a/src/sass/views/onboarding/onboard-collect-email.scss b/src/sass/views/onboarding/onboard-collect-email.scss
index 7ffd453bb..ea71241ee 100644
--- a/src/sass/views/onboarding/onboard-collect-email.scss
+++ b/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;