From: Jan Szejko <janek37@gmail.com>
Date: Wed, 12 Sep 2018 12:44:02 +0000 (+0200)
Subject: margins for paypal form on small screens
X-Git-Url: https://git.mdrn.pl/wolnelektury.git/commitdiff_plain/4651ff494aea3b433e8e8eb83a7bad7558538728?ds=sidebyside

margins for paypal form on small screens
---

diff --git a/src/paypal/templates/paypal/form.html b/src/paypal/templates/paypal/form.html
index 99f727319..7bd8546e6 100644
--- a/src/paypal/templates/paypal/form.html
+++ b/src/paypal/templates/paypal/form.html
@@ -6,6 +6,7 @@
 {% block title %}{% trans "Wolne Lektury Friend Club" %}{% endblock %}
 
 {% block body %}
+  <div class="mobile-margins">
   <h1>{% trans "Wolne Lektury Friend Club" %}</h1>
   <p>Poniżej możesz ustawić comiesięczną płatność <strong>(co najmniej 10 zł)</strong>, aby dołączyć do Przyjaciół Wolnych Lektur.</p>
   {# https://www.facebook.com/sharer/sharer.php?u=https%3A//wolnelektury.pl{% url 'paypal_form' %} #}
@@ -20,4 +21,5 @@
     {% trans "You must be logged in to subscribe." %}
   {% endif %}
   {% chunk "klub_info" %}
+  </div>
 {% endblock %}
\ No newline at end of file
diff --git a/src/wolnelektury/static/scss/main/base.scss b/src/wolnelektury/static/scss/main/base.scss
index e4fb701e6..45e383c53 100755
--- a/src/wolnelektury/static/scss/main/base.scss
+++ b/src/wolnelektury/static/scss/main/base.scss
@@ -220,3 +220,7 @@ ul.plain {
     @include size(margin-bottom, 10px);
   }
 }
+
+@media screen and (max-width: 62.5em) {
+  .mobile-margins {margin-left: 1em; margin-right: 1em;}
+}