From 7b4beae37306d82d5be2aa3e07e3f802d3528ff3 Mon Sep 17 00:00:00 2001
From: Jason Dreyzehner <jason@dreyzehner.com>
Date: Fri, 21 Oct 2016 01:51:00 -0400
Subject: [PATCH] feat(home): better padding and spacing on home view

---
 src/sass/ionic.scss          |  5 +++++
 src/sass/views/tab-home.scss | 12 ++++++++----
 www/views/tab-home.html      |  4 ++--
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/sass/ionic.scss b/src/sass/ionic.scss
index 6f962fec1..1c2fc0a87 100644
--- a/src/sass/ionic.scss
+++ b/src/sass/ionic.scss
@@ -35,3 +35,8 @@ $placeholder-icon-padding: 10px;
 .item p {
   color: $mid-gray;
 }
+
+// we'd like to diverge from the standard ionic formula for left-right card margins
+.card {
+  margin: ($content-padding * 2) 14px;
+}
diff --git a/src/sass/views/tab-home.scss b/src/sass/views/tab-home.scss
index 19fb02549..3053f6eb6 100644
--- a/src/sass/views/tab-home.scss
+++ b/src/sass/views/tab-home.scss
@@ -16,16 +16,20 @@
     background-image: url("../img/icon-amazon.svg");
   }
   .bg {
-    &.wallet{
+    &.wallet {
       padding: .25rem
     }
   }
-  .card{
+  .card {
     .item {
       color: #444;
       border-top:none;
-      padding-bottom: 1.5rem;
-      padding-top:1.5rem;
+      padding-bottom: 1rem;
+      padding-top:1rem;
+      &.item-extra-padding {
+        padding-top: 1.5rem;
+        padding-bottom: 1.5rem;
+      }
     }
     .item-sub {
       &:first-child:before {
diff --git a/www/views/tab-home.html b/www/views/tab-home.html
index c57008bd1..c0e008a50 100644
--- a/www/views/tab-home.html
+++ b/www/views/tab-home.html
@@ -3,7 +3,7 @@
     <ion-nav-title><img class="tab-home__logo" src="img/app/logo-negative.svg"></ion-nav-title>
   </ion-nav-bar>
 
-  <ion-content class="padding">
+  <ion-content>
     <ion-refresher
      ng-if="isAndroid"
      pulling-icon="ion-ios-refresh"
@@ -121,7 +121,7 @@
         <a ui-sref="tabs.buyandsell"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
       </div>
       <div>
-        <a ng-if="glideraEnabled" ui-sref="tabs.buyandsell.glidera" class="item item-sub item-icon-right">
+        <a ng-if="glideraEnabled" ui-sref="tabs.buyandsell.glidera" class="item item-extra-padding item-sub item-icon-right">
           <img src="img/glidera-logo.png" width="90"/>
           <i class="icon bp-arrow-right"></i>
         </a>