From 93bc37f597a8ac2cd55f0866d0da29f0bb305caa Mon Sep 17 00:00:00 2001
From: Won Song <won@vibrantscript.com>
Date: Tue, 19 May 2015 23:17:03 -0700
Subject: [PATCH] #119

1. Changed the download page layout per feedback.
2. Removed custom styles added.
3. 0 to layout loop.... because I couldn't find a better way to remove padding left on UL :(
---
 public/download/index.jade               |  6 ++----
 public/resources/css/layout/_layout.scss |  2 +-
 public/resources/css/module/_card.scss   | 27 ++++++++----------------
 3 files changed, 12 insertions(+), 23 deletions(-)

diff --git a/public/download/index.jade b/public/download/index.jade
index 55f09f6bdc..bb867449fa 100644
--- a/public/download/index.jade
+++ b/public/download/index.jade
@@ -1,6 +1,6 @@
 .grid-fluid.l-space-bottom-8
   for versions, framework in downloads
-    div.c9.card
+    div.c9.l-space-bottom-4
       frameworkName = framework.replace(/\_/gm, ' ')
       header
         h2.text-headline #{frameworkName}
@@ -11,9 +11,7 @@
           p #{version}
 
         else
-          .card-content
-
-            ul.hover-card-container
+            ul.l-pad-left-0
               if version.file
                 li
                   != partial("../_includes/_hover-card", {name: "Version " + name, url: version.file })
diff --git a/public/resources/css/layout/_layout.scss b/public/resources/css/layout/_layout.scss
index 02aaa4c104..8387871a1a 100644
--- a/public/resources/css/layout/_layout.scss
+++ b/public/resources/css/layout/_layout.scss
@@ -142,7 +142,7 @@
 *
 */
 
-@for $i from 1 through 10 {
+@for $i from 0 through 10 {
   .l-space-#{$i} {
     margin: $i * 8px;
   }
diff --git a/public/resources/css/module/_card.scss b/public/resources/css/module/_card.scss
index cbd7c859fb..05844f4138 100644
--- a/public/resources/css/module/_card.scss
+++ b/public/resources/css/module/_card.scss
@@ -26,8 +26,6 @@
       border-bottom: none;
     }
 
-
-
     h3 {
       margin: 0px;
     }
@@ -36,25 +34,18 @@
       padding: 0px;
       margin: 0px 0px 0px ($unit * 4);
 
-      &:not(.hover-card-container) {
-        a {
-          font-size: 14px;
-          display: block;
-          line-height: 24px;
-          text-decoration: none;
-          padding: 0px 4px;
+      a {
+        font-size: 14px;
+        display: block;
+        line-height: 24px;
+        text-decoration: none;
+        padding: 0px 4px;
 
-          &:hover {
-            text-decoration: underline;
-            background: $mist;
-          }
+        &:hover {
+          text-decoration: underline;
+          background: $mist;
         }
       }
-
-      &.hover-card-container {
-        margin-left: 0;
-        margin-top: $unit * 2;
-      }
     }
   }