From 6f207ca680e4b2a82ca84987256b282123ff7471 Mon Sep 17 00:00:00 2001
From: Jesse Grant <jesse.grant@gmail.com>
Date: Mon, 14 Jan 2013 16:36:20 -0500
Subject: [PATCH] fixed up styles on the payment options section

---
 app/assets/stylesheets/checkout.css.scss | 65 +++++++++++-------------
 config/settings.yml                      |  6 +--
 2 files changed, 34 insertions(+), 37 deletions(-)

diff --git a/app/assets/stylesheets/checkout.css.scss b/app/assets/stylesheets/checkout.css.scss
index 20382c4..490a63d 100644
--- a/app/assets/stylesheets/checkout.css.scss
+++ b/app/assets/stylesheets/checkout.css.scss
@@ -1,21 +1,21 @@
 .main_content
-  {
+{
   width: 560px;
   float: left;
   h3
-    {
+  {
     margin-bottom: 30px;
     color: #4b4b4b;
     line-height: 1;
   }
   p
-    {
+  {
     line-height: 1.5;
   }
   #checkout
-    {
+  {
     #email
-      {
+    {
       padding: 15px;
       border-radius: 10px;
       border: 1px solid #CCC;
@@ -27,7 +27,7 @@
       border: 1px solid orange;
     }
     #amazon_button
-      {
+    {
       margin-top: 5px;
       padding: 15px;
       border: none;
@@ -41,42 +41,44 @@
     {
     height: 100px;
     div.checkout_controls_wrapper.fix_to_bottom.checkout_ready
-      {
+    {
       background-color: #FAFAFA;
       width: 100%;
       position: fixed;
       bottom: 0px ;
       top: auto;
       .checkout_controls_inner
-        {
+      {
         width: 560px;
         border-top: 1px solid #D2D2D2;
       }
     }
   }
   #amazon_button
-    {
+  {
     display: inline !important;
   }
   div.payment_options
-    {
-    font-size: 14px;
+  {
+    font-size: 16px;
+    line-height: 24px;
+    color: black;
     background-color: #E9E9E9;
     padding: 10px 20px;
 
     ol
-      {
+    {
       list-style: none;
       margin: -10px -20px;
       word-wrap: break-word;
       li:hover
-        {
+      {
         background-color: #F3F3F3;
         cursor: hand;
         cursor: pointer;
       }
       li.checkout_option_selected
-        {
+      {
         @extend li:hover;
       }
       li
@@ -86,11 +88,11 @@
         overflow: auto;
         margin-left: 0;
         position: relative;
-        color: #333;
+        color: black;
         line-height: 20px;
 
         input
-          {
+        {
           display: inline;
           float: left;
           vertical-align: top;
@@ -99,18 +101,19 @@
         }
 
         label
-          {
+        {
           display: inline;
           float: left;
           color: #333;
           font-size: 16px;
           font-weight: bold;
           padding-right: 10px;
-          padding-top: 3px;
+          padding-top: 1px;
           margin: 0;
         }
         div.shipping
-          {
+        {
+          color: #797979;
           float: left;
           clear: left;
           width: 95px;
@@ -119,10 +122,6 @@
           padding-left: 22px;
           display: inline;
 
-          color: #666;
-          font-size: 12px;
-          line-height: 14px;
-
           margin: 0;
           padding: 0;
           border: 0;
@@ -131,7 +130,7 @@
           vertical-align: baseline;
 
           span
-            {
+          {
             display: -moz-inline-box;
             display: -moz-inline-stack;
             -moz-box-orient: vertical;
@@ -146,22 +145,21 @@
             font-size: 100%;
             font: inherit;
 
-            color: #666;
             line-height: 14px;
           }
         }
         div.description
-          {
-          margin-top: -11px;
+        {
+          margin-top: -16px;
           padding-left: 112px;
-
+          strong
+          {
+            font-weight: bold;
+          }
           p.full
-            {
-            line-height: 20px;
-            font-size: 14px;
+          {
             margin-bottom: 5px;
             padding-top: 3px;
-            color: #333;
 
             margin: 0;
             padding: 0;
@@ -176,9 +174,8 @@
             -webkit-margin-end: 0px;
           }
           p.delivery_date
-            {
+          {
             font-size: 12px;
-            color: #666;
 
             line-height: 20px;
             margin-bottom: 5px;
diff --git a/config/settings.yml b/config/settings.yml
index bef73be..4916977 100644
--- a/config/settings.yml
+++ b/config/settings.yml
@@ -48,9 +48,9 @@ use_payment_options: true
 #   package text (description of what they get if they select this payment option - kickstarter calls these "rewards"),
 #   delivery text
 payment_options: [
-  ["10.00", "$10", "", "You receive a great big thankyou from us!  You Rock", ""],
-  ["100.00", "$100", "add $3 to ship outside the US", "You receive our print edition", "Estimated delivery: Oct 2013"],
-  ["125.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],
+  ["10.00", "$10", "", "<strong>Basic level: </strong>You receive a great big thankyou from us!  You Rock", ""],
+  ["100.00", "$100", "add $3 to ship outside the US", "<strong>Package 1: </strong>You receive our print edition", "Estimated delivery: Oct 2013"],
+  ["125.00", "$125", "add $3 to ship outside the US", "<strong>Package 2: </strong>You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],
   ["125.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],
   ["125.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],
   ["125.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],