From d452d288544e5ed8f1c9f1f54b745462b31f3b73 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Thu, 12 Dec 2024 17:52:14 +0100
Subject: [PATCH] dont restrict aside width on mobile

---
 static/css/cours.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/static/css/cours.css b/static/css/cours.css
index 1fa9343..b3f2e3f 100644
--- a/static/css/cours.css
+++ b/static/css/cours.css
@@ -3,6 +3,7 @@
 :root {
   --max-width: 900px;
   --sidebar-width: 20%;
+  --sidebar-padding: 10px;
   --shift-icon-filetree: -10px;
 
   /* Size of icon */
@@ -12,7 +13,7 @@
 
 main {
   max-width: var(--max-width);
-  padding-inline: calc(var(--sidebar-width) + 10px);
+  padding-inline: calc(var(--sidebar-width) + var(--sidebar-padding));
 }
 
 /* Filetree */
@@ -21,7 +22,7 @@ aside {
   z-index: 1;
   position: absolute;
   width: var(--sidebar-width);
-  padding-inline: 10px;
+  padding-inline: var(--sidebar-padding);
 }
 
 aside ul {
@@ -87,6 +88,7 @@ input[type="text"] {
 @media only screen and (max-width: 640px) {
   aside {
     display: none;
+    width: unset;
   }
 
   main {