Merge pull request #149 from jamal-jackson/feature/home_views_polish

Polishing up styling on home tab

src/sass/common.scss

@@ -40,6 +40,9 @@
     background-repeat:no-repeat;
     background-clip: padding-box;
     background-size: 103%;
+    &.green{
+      background: rgb(1, 209, 162);
+    }
   }
 }
 .overlay {

src/sass/views/tab-home.scss

@@ -11,9 +11,34 @@
   .icon-gift {
     background-image: url("../img/icon-gift.svg");
   }
-
-  a.item {
-    color: #444;
+  .card{
+    .item {
+      color: #444;
+      border-top:none;
+      padding-top: 1.5rem;
+      padding-bottom: 1.5rem;
+      &:before {
+        display: block;
+        position: absolute;
+        width: 86%;
+        height: 1px;
+        background: rgba(221, 221, 221, 0.3);
+        top:0;
+        right:0;
+        content:'';
+      }
+      &.item-heading{
+        &:before{
+          width:100%;
+          top:99%
+        }
+      }
+      &:nth-child(2){
+        &:before{
+          width:0;
+        }
+      }
+    }
   }
 
   .next-step {
@@ -39,5 +64,10 @@
       font-size: 18px;
       font-weight: 100;
     }
+    .big-icon-svg{
+      .bg.green{
+        padding: 0 10px;
+      }
+    }
   }
 }