margins for paypal form on small screens

diff --git a/src/paypal/templates/paypal/form.html b/src/paypal/templates/paypal/form.html
index 99f7273..7bd8546 100644 (file)
--- 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 e4fb701..45e383c 100755 (executable)
--- 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;}
+}