From 54da478ffa865b2b919eb5039655381774feeaaf Mon Sep 17 00:00:00 2001
From: Karle Durante <kdurante@customink.com>
Date: Fri, 19 Oct 2012 10:57:51 -0400
Subject: [PATCH] Updated button style (to give it some depth).

---
 app/assets/stylesheets/_colors.scss     | 6 ++++++
 app/assets/stylesheets/application.scss | 1 +
 app/assets/stylesheets/home.scss        | 7 ++++---
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/_colors.scss b/app/assets/stylesheets/_colors.scss
index 6b48f37..7d95115 100644
--- a/app/assets/stylesheets/_colors.scss
+++ b/app/assets/stylesheets/_colors.scss
@@ -19,6 +19,12 @@ $black:       #000;
 $white:       #fff;
 $hover_creme: adjust_color($creme, $hue: -2, $saturation: 5%, $lightness: -12%);
 
+/* button colors */
+$button_color: $blue;
+$button_hover_color: adjust_color($button_color, $hue: -2, $saturation: 5%, $lightness: -12%);
+$button_top: #4EC5F2;
+$button_bottom: #0B7198;
+
 /* Element Color Mappings */
 
 $text-color:          $brown;
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 592decd..8b053cc 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -93,4 +93,5 @@ p {
 
 .content {
   margin-right: auto; margin-left: auto; width: 980px;
+  padding-left: 15px;
 }
\ No newline at end of file
diff --git a/app/assets/stylesheets/home.scss b/app/assets/stylesheets/home.scss
index 5a0123b..0a531e1 100644
--- a/app/assets/stylesheets/home.scss
+++ b/app/assets/stylesheets/home.scss
@@ -70,14 +70,16 @@
 
 .buy {
   border-radius: 4px;
-  background-color: $blue;
+  background-color: $button_color;
+  box-shadow: inset 0 3px 0 -1px $button_top, inset 0 -2px 0 0 $button_bottom;
   padding: 25px;
   margin: 10px;
   color: white;
   text-align: center;
 
   &:hover {
-    color: $dark_red;
+    background-color: $button_hover_color;
+    box-shadow: inset 0 3px 0 -1px $button_color, inset 0 -2px 0 0 $button_bottom;
     cursor: pointer;
   }
 
@@ -87,7 +89,6 @@
     text-shadow: $grey 0.1em;
 
     &:hover {
-      color: $grey;
       cursor: pointer;
     }
   }