Apply the .container class to <main> actually - this stops things from getting TOO wide on big displays but uses plenty of space on narrow displays

2017-12-04 21:53:39 +11:00 · 2017-12-04 21:53:39 +11:00 · ba7e838db8
parent d95422ea45
commit ba7e838db8
2 changed files with 3 additions and 2 deletions
--- a/lemoncurry/static/lemoncurry/css/layout.styl
+++ b/lemoncurry/static/lemoncurry/css/layout.styl
@ -52,7 +52,8 @@ body


 	> main
-		margin 2rem
+		margin-top 2rem
+		margin-bottom 2rem
 		flex 1
 		display flex

--- a/lemoncurry/templates/lemoncurry/layout.html
+++ b/lemoncurry/templates/lemoncurry/layout.html
@ -60,7 +60,7 @@
 			{% endif %}
 		</header>

-		<main>
+		<main class="container">
 			{% block main %}{% endblock %}
 		</main>