From b3affc16430bec590afaa12307d5f7b42c2beeb7 Mon Sep 17 00:00:00 2001
From: Benjamin Bach <benjamin@overtag.dk>
Date: Sun, 2 Apr 2023 23:47:08 +0200
Subject: [PATCH] Make the menu look more okay on small screens

---
 themes/datacoop2020/assets/static/css/style.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/themes/datacoop2020/assets/static/css/style.scss b/themes/datacoop2020/assets/static/css/style.scss
index 7bfb3b6..961089e 100644
--- a/themes/datacoop2020/assets/static/css/style.scss
+++ b/themes/datacoop2020/assets/static/css/style.scss
@@ -160,6 +160,10 @@ aside nav ol li a {
     font-size           : 2rem;
     margin              : 1.2rem 0;  
     text-decoration     : none;
+    @media (max-height: 700px) {
+      font-size           : 1.5rem;
+      margin              : 0.5rem 0;  
+    }
 }
 
 aside nav ol li a:hover {
@@ -181,11 +185,18 @@ aside #menu-toggle {
 
 aside nav footer {
     margin              : var(--base-grid) 0 0 0;
+    @media (max-height: 700px) {
+      margin              : (var(--base-grid) / 1.5) 0 0 0;
+    }
 }
 
 aside nav footer ol li a {
     font-size           : 1.65rem;
     margin              : 1.2rem 0;
+    @media (max-height: 700px) {
+      font-size           : 1.2rem;
+      margin              : 0.1rem 0;  
+    }
 }
 
 aside header a img {