margins for paypal form on small screens
authorJan Szejko <janek37@gmail.com>
Wed, 12 Sep 2018 12:44:02 +0000 (14:44 +0200)
committerJan Szejko <janek37@gmail.com>
Wed, 12 Sep 2018 12:49:35 +0000 (14:49 +0200)
src/paypal/templates/paypal/form.html
src/wolnelektury/static/scss/main/base.scss

index 99f7273..7bd8546 100644 (file)
@@ -6,6 +6,7 @@
 {% block title %}{% trans "Wolne Lektury Friend Club" %}{% endblock %}
 
 {% block body %}
 {% 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' %} #}
   <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" %}
     {% trans "You must be logged in to subscribe." %}
   {% endif %}
   {% chunk "klub_info" %}
+  </div>
 {% endblock %}
\ No newline at end of file
 {% endblock %}
\ No newline at end of file
index e4fb701..45e383c 100755 (executable)
@@ -220,3 +220,7 @@ ul.plain {
     @include size(margin-bottom, 10px);
   }
 }
     @include size(margin-bottom, 10px);
   }
 }
+
+@media screen and (max-width: 62.5em) {
+  .mobile-margins {margin-left: 1em; margin-right: 1em;}
+}