From d9f949a4655f16357333ba49e86b3c9ae04e9727 Mon Sep 17 00:00:00 2001
From: Daniel Siepmann <coding@daniel-siepmann.de>
Date: Fri, 13 Dec 2019 16:40:43 +0100
Subject: [PATCH] Make topics use less space on mobile

---
 Resources/Private/Sass/layout/_content.scss    | 8 ++++++++
 Resources/Private/Templates/Page/BlogPost.html | 1 -
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/Resources/Private/Sass/layout/_content.scss b/Resources/Private/Sass/layout/_content.scss
index 8018141..479c354 100644
--- a/Resources/Private/Sass/layout/_content.scss
+++ b/Resources/Private/Sass/layout/_content.scss
@@ -20,6 +20,14 @@ aside nav {
     }
 }
 
+@media (max-width: 1439px) {
+    aside nav:nth-of-type(2) li {
+        display: inline;
+        margin-right: $spacer;
+        line-height: $spacer * 4;
+    }
+}
+
 li {
     padding: {
         bottom: $spacer / 2;
diff --git a/Resources/Private/Templates/Page/BlogPost.html b/Resources/Private/Templates/Page/BlogPost.html
index c7d5961..455dfa1 100644
--- a/Resources/Private/Templates/Page/BlogPost.html
+++ b/Resources/Private/Templates/Page/BlogPost.html
@@ -50,7 +50,6 @@
     </f:section>
 
     <f:section name="TOC">
-        <!-- TODO: Hide on mobile -->
         <nav>
             <h1>Table of Content</h1>
             <ul>