From 7e1fe030fe8ded710d92d9157f8d6d12371380d2 Mon Sep 17 00:00:00 2001
From: drigato <denise.rigato@sourcefabric.org>
Date: Wed, 26 Aug 2015 10:26:03 -0400
Subject: [PATCH] SAAS-1025: Restyle the billing page

Changed pricing grid header
Added paypal and 2checkout badges
---
 .../application/views/scripts/billing/upgrade.phtml  |  4 ++++
 airtime_mvc/public/css/billing.css                   | 12 ++++++------
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/airtime_mvc/application/views/scripts/billing/upgrade.phtml b/airtime_mvc/application/views/scripts/billing/upgrade.phtml
index eb7e93c0c..b61685469 100644
--- a/airtime_mvc/application/views/scripts/billing/upgrade.phtml
+++ b/airtime_mvc/application/views/scripts/billing/upgrade.phtml
@@ -408,6 +408,10 @@ echo($currentProduct["name"]);
     <div id="paymentmethod">
         <?php echo $form->paymentmethod ?>
     </div>
+     <!-- PayPal Logo --><table border="0" cellpadding="10" cellspacing="0"><tr><td></td></tr><tr><td align="center"><img src="https://www.paypalobjects.com/webstatic/en_CA/mktg/logo-image/bdg_secured_by_pp_2line.png" border="0" alt="Secured by PayPal"></td></tr></table><!-- PayPal Logo -->
+     <div>
+     <img src="https://www.2checkout.com/upload/images/paymentlogoshorizontal.png" alt="2Checkout.com is a worldwide leader in online payment services" />
+     </div>
     
     <div class="clearfix"></div>
     <div id="total_box">
diff --git a/airtime_mvc/public/css/billing.css b/airtime_mvc/public/css/billing.css
index 38ad43582..eab697322 100644
--- a/airtime_mvc/public/css/billing.css
+++ b/airtime_mvc/public/css/billing.css
@@ -60,7 +60,7 @@
 	table-layout: fixed;
 	margin-top: 20px;
 	margin-bottom: 20px;
-	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
+	/*box-shadow: 0px 5px 5px rgba(0,0,0,0.5);*/
 	color: #000;
 }
 
@@ -99,13 +99,13 @@
 
 .pricing-grid th
 {
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
     border: 0px;
 	color: #CDCDCD;
-	background-color:#ff5d1a;
-	background: -moz-linear-gradient(top, #dd4202 0, #ff5d1a 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4202), color-stop(100%, #ff5d1a));
+	background-color:#5E5E5E;
+	background: #5E5E5E;
+	border-top: 1px solid #9d9d9d;
+	/*background: -moz-linear-gradient(top, #dd4202 0, #ff5d1a 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4202), color-stop(100%, #ff5d1a));*/
 }