commit 305e0ef752fb874ad566f4eabc072ae5c9f31619 Author: MehrabKamrani mk.zizou@gmail.com Date: Sun Dec 20 07:27:13 2015 +0800
make get-in-touch section responsive --- css/donate-style.css | 10 ++++++++++ donate/en/donate.wml | 4 ++-- 2 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/css/donate-style.css b/css/donate-style.css index 741d3c5..1bd0eea 100644 --- a/css/donate-style.css +++ b/css/donate-style.css @@ -339,6 +339,16 @@ footer.footer{ .dsmall{ padding: 0 5%; } + .title { + min-height: auto; + margin: 20px 8% 0; + border-right: none; + border-bottom: 2px solid #3D855B; + padding: 0 0 10px; + } + .detail { + margin: 10px 0 20px; + }
} @media (max-width: 659px) { diff --git a/donate/en/donate.wml b/donate/en/donate.wml index 68b3e36..4d00b5c 100644 --- a/donate/en/donate.wml +++ b/donate/en/donate.wml @@ -271,10 +271,10 @@ <div class="get-in-touch"> <div class="container"> <div class="row"> - <div class="col-xs-4"> + <div class="col-sm-4"> <h3 class="title"><strong>Get in touch.</strong></h3> </div> - <div class="col-xs-8"> + <div class="col-sm-8"> <p class="detail">Contact us at donations@torproject.org for more donation details.</p> </div> </div>