From 0d1d102f479317a32aa804873d65a84c3455d8b6 Mon Sep 17 00:00:00 2001
From: Danielle McLean <dani@00dani.me>
Date: Thu, 28 Jun 2018 12:25:22 +1000
Subject: [PATCH] Lots of spacing adjustments so that the new entry layout
 doesn't suck on mobile

---
 entries/jinja2/entries/h-entry.html          | 6 ++----
 entries/static/entries/css/h-entry.styl      | 4 ++--
 lemoncurry/static/lemoncurry/css/layout.styl | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/entries/jinja2/entries/h-entry.html b/entries/jinja2/entries/h-entry.html
index 77a0166..63c1072 100644
--- a/entries/jinja2/entries/h-entry.html
+++ b/entries/jinja2/entries/h-entry.html
@@ -37,14 +37,12 @@
 
       {% for c in entry.cats.all() %}
       {{i}}<a class="p-category card-link" href="{{ c.url }}">
-        {{i}}<i class="fas fa-paw" aria-hidden="true"></i>
-        {{i}}{{ c.name }}
+        {{i}}<i class="fas fa-paw" aria-hidden="true"></i>&nbsp;{{ c.name }}
       {{i}}</a>
       {% endfor %}
       {% for s in entry.syndications.all() %}
       {{i}}<a class="u-syndication card-link" href="{{ s.url }}">
-        {{i}}<i class="{{ s.profile.site.icon }}" aria-hidden="true"></i>
-        {{i}}{{ s.profile }}
+        {{i}}<i class="{{ s.profile.site.icon }}" aria-hidden="true"></i>&nbsp;{{ s.profile }}
       {{i}}</a>
       {% endfor %}
     {{i}}</div>
diff --git a/entries/static/entries/css/h-entry.styl b/entries/static/entries/css/h-entry.styl
index 35ab62b..2a40a3c 100644
--- a/entries/static/entries/css/h-entry.styl
+++ b/entries/static/entries/css/h-entry.styl
@@ -17,7 +17,8 @@ ol.entries, div.entry
 		align-items flex-start
 		font-size 0.8rem
 		margin-right 0.4rem
-		width 7rem
+		flex-basis 7rem
+		max-width 10%
 
 		a.p-author
 			align-self center
@@ -51,4 +52,3 @@ ol.entries, div.entry
 			margin-bottom 0
 	.card-link
 		font-size 0.8rem
-		white-space nowrap
diff --git a/lemoncurry/static/lemoncurry/css/layout.styl b/lemoncurry/static/lemoncurry/css/layout.styl
index 880528b..59d334f 100644
--- a/lemoncurry/static/lemoncurry/css/layout.styl
+++ b/lemoncurry/static/lemoncurry/css/layout.styl
@@ -68,7 +68,7 @@ body
 
 
 	> main
-		padding 2rem
+		padding 2rem 1rem
 		width 100%
 		flex 1
 		display flex