[tor-commits] [webwml/staging] make perks section responsive

[nima at torproject.org]

commit 6564f9a0c74c26f94e82e34fd450327d4904ee32
Author: MehrabKamrani <mk.zizou at gmail.com>
Date:   Sun Dec 20 08:19:52 2015 +0800

    make perks section responsive
---
 css/donate-style.css |    4 ++++
 donate/en/donate.wml |    6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/css/donate-style.css b/css/donate-style.css
index 1bd0eea..7eb4ff0 100644
--- a/css/donate-style.css
+++ b/css/donate-style.css
@@ -147,6 +147,7 @@ html {
 }
 .no-padding{
 	padding: 0;
+	margin-bottom: 20px;
 }
 .half-opacity{
 	opacity: 0.5;
@@ -336,6 +337,9 @@ footer.footer{
 	blockquote::before {
 		display: none;
 	}
+	#bitpayDonation > .well {
+	    margin-bottom: 30px;
+	}
 	.dsmall{
 		padding: 0 5%;
 	}
diff --git a/donate/en/donate.wml b/donate/en/donate.wml
index 4d00b5c..ae70b18 100644
--- a/donate/en/donate.wml
+++ b/donate/en/donate.wml
@@ -41,9 +41,9 @@
             </noscript>
 
             <h4 style="text-align:left; padding-top:10px;"><b>Perks</b></h4>
-            <div class="col-sm-4 no-padding"><img id="stickers" class="img-responsive half-opacity" src="$(IMGROOT)/swag-stickers-lg.png" alt="stickers"></div>
-            <div class="col-sm-4 no-padding"><img id="tshirt" class="img-responsive half-opacity" src="$(IMGROOT)/swag-tees-lg.png" alt="tshirt"></div>
-            <div class="col-sm-4 no-padding"><img id="hoody" class="img-responsive half-opacity" src="$(IMGROOT)/swag-hoody-lg.png" alt="hoody"></div>
+            <div class="col-xs-4 no-padding"><img id="stickers" class="img-responsive half-opacity" src="$(IMGROOT)/swag-stickers-lg.png" alt="stickers"></div>
+            <div class="col-xs-4 no-padding"><img id="tshirt" class="img-responsive half-opacity" src="$(IMGROOT)/swag-tees-lg.png" alt="tshirt"></div>
+            <div class="col-xs-4 no-padding"><img id="hoody" class="img-responsive half-opacity" src="$(IMGROOT)/swag-hoody-lg.png" alt="hoody"></div>
           </div>
           
           <div class="donate-section col-sm-5">