From 53766df20e104f5dcfd10d5f1101659a9ee0b27d Mon Sep 17 00:00:00 2001
From: Seth Vargo <sethvargo@gmail.com>
Date: Tue, 28 Mar 2017 13:14:56 -0400
Subject: [PATCH] Update downloads page

---
 website/Gemfile.lock                          | 22 +++++++++++--------
 .../source/assets/stylesheets/_downloads.scss | 12 +++++-----
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/website/Gemfile.lock b/website/Gemfile.lock
index 229218ac9fad..cc9426fd731d 100644
--- a/website/Gemfile.lock
+++ b/website/Gemfile.lock
@@ -1,3 +1,15 @@
+PATH
+  remote: ../../../../../../middleman-hashicorp
+  specs:
+    middleman-hashicorp (0.3.22)
+      bootstrap-sass (~> 3.3)
+      builder (~> 3.2)
+      middleman (~> 3.4)
+      middleman-livereload (~> 3.4)
+      middleman-syntax (~> 3.0)
+      redcarpet (~> 3.3)
+      turbolinks (~> 5.0)
+
 GEM
   remote: https://rubygems.org/
   specs:
@@ -77,14 +89,6 @@ GEM
       rack (>= 1.4.5, < 2.0)
       thor (>= 0.15.2, < 2.0)
       tilt (~> 1.4.1, < 2.0)
-    middleman-hashicorp (0.3.22)
-      bootstrap-sass (~> 3.3)
-      builder (~> 3.2)
-      middleman (~> 3.4)
-      middleman-livereload (~> 3.4)
-      middleman-syntax (~> 3.0)
-      redcarpet (~> 3.3)
-      turbolinks (~> 5.0)
     middleman-livereload (3.4.6)
       em-websocket (~> 0.5.1)
       middleman-core (>= 3.3)
@@ -151,7 +155,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  middleman-hashicorp (= 0.3.22)
+  middleman-hashicorp!
 
 BUNDLED WITH
    1.14.6
diff --git a/website/source/assets/stylesheets/_downloads.scss b/website/source/assets/stylesheets/_downloads.scss
index d9300a3fc742..97a4dfc66bac 100644
--- a/website/source/assets/stylesheets/_downloads.scss
+++ b/website/source/assets/stylesheets/_downloads.scss
@@ -8,16 +8,16 @@ body.layout-downloads {
       }
 
       .download {
+        align-items: center;
         border-bottom: 1px solid #b2b2b2;
-        padding-bottom: 15px;
-        margin-top: 10px;
-        margin-bottom: 10px;
+        display: flex;
+        padding: 15px;
 
         .details {
-          padding-left: 95px;
+          padding-left: 20px;
 
           h2 {
-            margin-top: 25px;
+            margin-top: 4px;
             border: none;
           }
 
@@ -40,7 +40,7 @@ body.layout-downloads {
         }
 
         .icon {
-          img {
+          svg {
             width: 75px;
           }
         }