From bf09d62ff3ed74bb7f5b779ff39234c9cc7e23c9 Mon Sep 17 00:00:00 2001
From: Claudia <claudiabarcelovaldes40@gmail.com>
Date: Wed, 4 Dec 2024 16:45:13 +0100
Subject: [PATCH] feat: make the nav bar and article divs flexible, so they
 increase/decrease based on the screen size

---
 ui/src/css/layout.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/src/css/layout.scss b/ui/src/css/layout.scss
index 7cabce1d..e5a30334 100644
--- a/ui/src/css/layout.scss
+++ b/ui/src/css/layout.scss
@@ -9,7 +9,8 @@
   overflow-y: auto;
   position: sticky;
   top: 0;
-  width: 300px;
+  width: 20%;
+  max-width: 300px;  
   flex: 0 0 auto;
 }
 
@@ -106,7 +107,6 @@ button.collapse-toggle {
 }
 
 .navbar, .article-wrapper {
-  max-width: 60rem;
   margin: 0 var(--side-margin);
 }
 
@@ -180,7 +180,8 @@ button.collapse-toggle {
   margin-left: var(--lg);
   flex-grow: 0;
   flex-shrink: 0;
-  width: 200px;
+  width: 20%;
+  max-width: 300px;  
   max-height: 80vh;
   position: sticky;
   top: 10vh;