[tor-commits] [webwml/staging] make even-more section responsive

[nima at torproject.org]

commit 3042b1fcc5f50bd28f00cb3b4e876d106a4c8ce7
Author: MehrabKamrani <mk.zizou at gmail.com>
Date:   Sun Dec 20 06:53:59 2015 +0800

    make even-more section responsive
---
 css/donate-style.css |    8 +++++++-
 donate/en/donate.wml |    8 ++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/css/donate-style.css b/css/donate-style.css
index f080dac..741d3c5 100644
--- a/css/donate-style.css
+++ b/css/donate-style.css
@@ -278,7 +278,7 @@ blockquote footer{
 	background-color: #FAFAFA;
 }
 .dsmall{
-	padding: 0 100px;
+	padding: 0 8%;
 }
 .other-ways-img{
 	width: 100%;
@@ -336,6 +336,9 @@ footer.footer{
 	blockquote::before {
 		display: none;
 	}
+	.dsmall{
+		padding: 0 5%;
+	}
 
 }
 @media (max-width: 659px)  {
@@ -420,6 +423,9 @@ footer.footer{
 	.img-section{
 		width: 35%;
 	}
+	.dsmall{
+		padding: 0 3%;
+	}
 	footer.footer {
 	    margin-bottom: 0px;
 	}
diff --git a/donate/en/donate.wml b/donate/en/donate.wml
index e9225dd..68b3e36 100644
--- a/donate/en/donate.wml
+++ b/donate/en/donate.wml
@@ -240,21 +240,21 @@
             </div><!-- row-eqheight -->
               
               
-            <div class="col-sm-12 even-more">
+            <div class="col-xs-12 even-more">
 
-              <div class="dsmall col-sm-4">
+              <div class="dsmall col-xs-4">
                 <a href="../donate/donate-amazon.html.en">
                   <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/amazon.jpg">
                 </a>
               </div>
               
-              <div class="dsmall col-sm-4">
+              <div class="dsmall col-xs-4">
                 <a href="https://smile.amazon.com/ch/20-8096820">
                   <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/amazon-smile.jpg">
                 </a>
               </div>
 
-              <div class="dsmall col-sm-4">
+              <div class="dsmall col-xs-4">
                 <a id="dwolla"></a>
                 <a href="https://smile.amazon.com/ch/20-8096820">
                   <img class="img-responsive img-thumbnail other-ways-img" src="$(IMGROOT)/dwolla.jpg">