From 4ec7f08e1e9fb7d3fc7d3143dfc5c500d8063260 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Mon, 19 Sep 2016 14:18:51 -0400
Subject: [PATCH] fix style issues with discomainer view and collect email,
 mostly checkbox related

---
 public/views/onboarding/collectEmail.html     |  4 ++--
 .../onboarding/onboard-collect-email.scss     | 19 +++++++++++++++++++
 .../views/onboarding/onboard-disclaimer.scss  | 11 +++++++++++
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/public/views/onboarding/collectEmail.html b/public/views/onboarding/collectEmail.html
index 6e833f25b..465fe84b8 100644
--- a/public/views/onboarding/collectEmail.html
+++ b/public/views/onboarding/collectEmail.html
@@ -17,8 +17,8 @@
             <input type="email" id="email" name="email" ng-model="email" placeholder="satoshi@example.com" required></input>
           </label>
         </form>
-        <ion-list>
-          <ion-checkbox ng-model="data.accept"><span translate>Get news and updates from Bitpay</span></ion-checkbox>
+        <ion-list id="news-updates" class="row">
+          <ion-checkbox ng-model="data.accept" class="col col-80"><span translate>Get news and updates from Bitpay</span></ion-checkbox>
         </ion-list>
       </div>
       <div ng-if="confirmation">
diff --git a/src/sass/views/onboarding/onboard-collect-email.scss b/src/sass/views/onboarding/onboard-collect-email.scss
index b9d9bc24c..774fce120 100644
--- a/src/sass/views/onboarding/onboard-collect-email.scss
+++ b/src/sass/views/onboarding/onboard-collect-email.scss
@@ -59,6 +59,25 @@
         }
       }
     }
+    #news-updates{
+      padding-top:0;
+      .list{
+        max-width: 600px;
+        text-align: center;
+        width: 75%;
+        @include center-block();
+        label{
+          display: inline-block;
+          margin-top: 0;
+          padding-bottom: 1rem;
+          .item-content{
+            margin-left: 15%;
+            top: .4rem;
+            position: relative;
+          }
+        }
+      }
+    }
   }
   .item {
     border: none;
diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss
index aca9e70dc..feffbb90a 100644
--- a/src/sass/views/onboarding/onboard-disclaimer.scss
+++ b/src/sass/views/onboarding/onboard-disclaimer.scss
@@ -33,6 +33,11 @@
       border-color: rgb(19, 229, 182);
       top:20%;
       left:11%;
+      @media (min-width:450px){
+        &{
+          left: 20%;
+        }
+      }
     }
     .item-content {
       width: 90%;
@@ -60,6 +65,12 @@
     p{
       color:rgb(58,58,58);
     }
+    @media (min-width:450px){
+      p{
+        position: relative;
+        top: .6rem;
+      }
+    }
     .checkbox input:before,
     .checkbox .checkbox-icon:before{
       border-color:$soft-blue;