From 2d3bda83288c649836f865db30f6c09c8a37aa6f Mon Sep 17 00:00:00 2001 From: crudo Date: Sat, 25 Mar 2017 21:47:42 +0100 Subject: [PATCH] Break the borders edition. --- static/style/screen.css | 47 +++++++++++++++++-------------------- templates/sell.html | 52 +++++++++++++++++++++++++++-------------- 2 files changed, 56 insertions(+), 43 deletions(-) diff --git a/static/style/screen.css b/static/style/screen.css index dc03d02..90c8ce7 100644 --- a/static/style/screen.css +++ b/static/style/screen.css @@ -1,7 +1,5 @@ html { - width: 100%; - height: 100%; - font-size: 16px; + font-size: 14px; } body { @@ -11,7 +9,7 @@ body { main { - margin: 2rem; + margin: 1rem 2rem; } .alert { @@ -41,12 +39,6 @@ h1 { h2 { margin-bottom: 0.5rem; - font-size: 2rem; - text-align: center; -} - -h3 { - margin-bottom: 0.2rem; font-size: 1.5rem; text-align: center; } @@ -120,8 +112,8 @@ form#login > button:hover { #products { display: inline-block; - margin: 4rem auto; - max-width: 50%; + margin: 0.5rem auto; + width: 60%; } #products > button { @@ -138,33 +130,38 @@ form#login > button:hover { display: block; } -#basket { +#summary { display: inline-block; float: right; - margin: 4rem auto; - min-width: 30%; + margin: 0.5rem auto; +} + +#basket { + margin: 2rem auto; } #basket > button { display: block; - width: 15rem; - height: 3rem; + width: 20rem; + height: 4rem; margin-bottom: 0.3rem; padding: 0.2rem 0.5rem; - font-size: 1.3rem; + font-size: 1.5rem; } #sell { - display: inline-block; - float: right; - margin: auto; - min-width: 30%; + margin: 1rem auto; } #sell > button { display: block; - width: 15rem; - height: 3rem; + width: 20rem; + height: 5rem; padding: 0.2rem 0.5rem; - font-size: 1.3rem; + font-size: 2rem; +} + +#sell > p { + font-size: 2rem; + margin-bottom: 0.5rem; } diff --git a/templates/sell.html b/templates/sell.html index 8445dfb..a87cf0f 100644 --- a/templates/sell.html +++ b/templates/sell.html @@ -1,36 +1,46 @@ {% extends 'base.html' %} {% block main %} -

{{ title }}

-{% if event %} -

{{ event.name }}

-

{{ event.starts_at }} → {{ event.ends_at }}

-{% else %} -

No ongoing event!

-{% endif %}
{% for product in products %} {% endfor %}
-
-
-
+
+
+ {% for product in products %} - + {% endfor %} -
{% endblock %}