From 6d4961792b167370efb1b90b6bb1eeed9c0973aa Mon Sep 17 00:00:00 2001
From: Daniel Siepmann <coding@daniel-siepmann.de>
Date: Fri, 10 Jan 2020 19:39:25 +0100
Subject: [PATCH] Fix smaller styling issues

* Add space between list of topics in blog post header.
* Do not break layout with lis on smaller devices.
---
 Resources/Private/Partials/BlogPostHeader.html | 6 +++---
 Resources/Private/Sass/layout/_content.scss    | 8 +++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/Resources/Private/Partials/BlogPostHeader.html b/Resources/Private/Partials/BlogPostHeader.html
index 90e3bba..8b2c922 100644
--- a/Resources/Private/Partials/BlogPostHeader.html
+++ b/Resources/Private/Partials/BlogPostHeader.html
@@ -36,9 +36,9 @@
                         topicUid: topic.data.uid
                     }"
                 >
-                    {topic.data.title}{f:if(condition: '!{i.isLast}', then: ',')}
-                </f:render>
-            </f:spaceless></f:for></p>
+                    {topic.data.title}
+                </f:render></f:spaceless>{f:if(condition: '!{i.isLast}', then: ',')}
+            </f:for></p>
         </f:if>
     </f:section>
 
diff --git a/Resources/Private/Sass/layout/_content.scss b/Resources/Private/Sass/layout/_content.scss
index e4ca236..3ece747 100644
--- a/Resources/Private/Sass/layout/_content.scss
+++ b/Resources/Private/Sass/layout/_content.scss
@@ -95,7 +95,6 @@ aside {
         li {
             margin-right: $spacer;
             line-height: $spacer * 2;
-            white-space: nowrap;
         }
 
         nav li {
@@ -111,6 +110,13 @@ aside {
         }
     }
 }
+@media (max-width: 768px) {
+    body > main > aside {
+        nav li {
+            display: block;
+        }
+    }
+}
 
 
 // Make main text on pages and blog posts readable