feat(home): better padding and spacing on home view

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;
+}

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 {

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>