commit 42c993148b2fa9431086b3d141546056dd67e9a4 Author: MehrabKamrani <mk.zizou@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">