From 1f4d1ecd19f7c13d2631ca3e47535eabffacd80e Mon Sep 17 00:00:00 2001
From: Lukas Nys <lukas.nys@otainsight.com>
Date: Sat, 2 Sep 2023 13:41:39 +0200
Subject: [PATCH] style cleanup: move media queries down (#879)

---
 app/styles/app.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/styles/app.css b/app/styles/app.css
index f43de777..290d95fc 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -26,13 +26,6 @@ main a.edit-icon {
   background: none;
 }
 
-@media (min-width: 845px) {
-  .es-sidebar {
-    padding: var(--spacing-4);
-    background-color: var(--color-gray-200);
-  }
-}
-
 .es-sidebar-content .table-of-contents:first-child {
   margin-block-start: 0;
 }
@@ -97,3 +90,16 @@ li.toc-heading:first-child {
   margin-top: 0;
 }
 
+@media (max-width: 844px) {
+  .table-of-contents,
+  .sub-table-of-contents {
+    font-size: var(--font-size-lg);
+  }
+}
+
+@media (min-width: 845px) {
+  .es-sidebar {
+    padding: var(--spacing-4);
+    background-color: var(--color-gray-200);
+  }
+}
\ No newline at end of file