From 87b583dc58287d9f028c706da7a33f80a48a9ac3 Mon Sep 17 00:00:00 2001
From: carljbowman <bowman@media.mit.edu>
Date: Thu, 22 Oct 2015 17:44:49 -0400
Subject: [PATCH] Update spacing on Splash page elements

Added some spacing love to Intro, Video, and Carousel elements.
---
 src/components/carousel/carousel.scss |  4 ++--
 src/components/intro/intro.scss       | 19 ++++++++++++-------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/carousel/carousel.scss b/src/components/carousel/carousel.scss
index 81fb21ea7..a828d612e 100644
--- a/src/components/carousel/carousel.scss
+++ b/src/components/carousel/carousel.scss
@@ -5,10 +5,10 @@
     $button-offset: $icon-size + 5px;
     $box-content-offset: 20px;
 
-    padding: 0 $button-offset;
+    padding: 12px $button-offset;
 
     .box-content & {
-        padding: 0 $button-offset - 20px;
+        padding: 12px $button-offset - 20px;
     }
 
     .slick-next,
diff --git a/src/components/intro/intro.scss b/src/components/intro/intro.scss
index 108ee6090..4a84dd3ca 100644
--- a/src/components/intro/intro.scss
+++ b/src/components/intro/intro.scss
@@ -3,7 +3,7 @@
 .intro {
     display: flex;
     margin-top: 20px;
-    margin-bottom: 20px;
+    margin-bottom: 30px;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
@@ -22,6 +22,7 @@
     .sprites {
         position: relative;
         clear: both;
+        margin: 20px 0;
         overflow: hidden;
 
         &:after {
@@ -75,7 +76,7 @@
         }
 
         .text {
-            $text-bg-color: #f1f3f4;
+            $text-bg-color: $background-color;
             left: 35px;
             z-index: 1;
             border: 2px solid $text-bg-color;
@@ -162,7 +163,8 @@
 
     .links {
         margin-top: 20px;
-        font-size: 12px;
+        letter-spacing: .5px;
+        font-size: 12px; 
 
         a {
             border-right: 1px solid $type-gray;
@@ -178,13 +180,16 @@
         display: inline-block;
         position: relative;
         border: 1px solid $ui-border;
-        border-radius: 5px;
-        box-shadow: 0 2px 3px;
-        background-color: $ui-gray;
-        padding: 10px;
+        border-radius: 10px;
+        background-color: $ui-white;
+        padding: 14px 10px;
         width: 34%;
         height: 208px;
         text-align: center;
+
+        img {
+            border-radius: 5px;
+        }
     }
 
     .play-button {