From 8e3745bae11fe71cdefd2ee2e0c0dcef3cb32ecc Mon Sep 17 00:00:00 2001
From: tastytea <tastytea@tastytea.de>
Date: Mon, 9 Aug 2021 12:39:16 +0200
Subject: [PATCH] Only float TOC right if screen is large enough.

---
 assets/blog.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/assets/blog.css b/assets/blog.css
index 4de0f73..6707af4 100644
--- a/assets/blog.css
+++ b/assets/blog.css
@@ -281,8 +281,8 @@ kbd
 
 .toc
 {
-    float: right;
-    margin-left: 1em;
+    margin-top: 0.1em;
+    margin-bottom: 0.1em;
     padding: 0 0.2em;
     max-width: 40ch;
     box-shadow: 0 0 0.1em;
@@ -299,6 +299,15 @@ kbd
     font-size: 120%;
 }
 
+@media screen and (min-width: 80ch)
+{
+    .toc
+    {
+        float: right;
+        margin-left: 1em;
+    }
+}
+
 .pagination
 {
     margin-top: 0.5em;