From ba7e838db8962699e6bb80f76fe4dd3ee3d0a56e Mon Sep 17 00:00:00 2001
From: Danielle McLean <gopsychonauts@gmail.com>
Date: Mon, 4 Dec 2017 21:53:39 +1100
Subject: [PATCH] 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

---
 lemoncurry/static/lemoncurry/css/layout.styl | 3 ++-
 lemoncurry/templates/lemoncurry/layout.html  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/lemoncurry/static/lemoncurry/css/layout.styl b/lemoncurry/static/lemoncurry/css/layout.styl
index a26edd7..3172878 100644
--- 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
 
diff --git a/lemoncurry/templates/lemoncurry/layout.html b/lemoncurry/templates/lemoncurry/layout.html
index 58d7dbb..400b43c 100644
--- 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>