From f6572d7decbfd67f45dd70c01394ebf64f63e7b4 Mon Sep 17 00:00:00 2001
From: Anaïs Amato <anais.amato@irap.omp.eu>
Date: Wed, 5 May 2021 15:26:39 +0200
Subject: [PATCH] Fix menu sidebar width

---
 app/static/css/style.css     | 12 +++++++++++-
 app/templates/base_page.html |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index 07eded6..a547ccc 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -40,6 +40,10 @@ nav.sidebar a:hover {
     background-color: lightgrey;
 }
 
+nav.sidebar ul {
+    width: 100%;
+}
+
 nav.sidebar a {
     color: black;
     text-decoration: none;
@@ -82,9 +86,15 @@ nav.sidebar a.disabled {
 }
 
 /* Update the navbar for small screens. Replace bootstrap css for small screens only */
-@media (max-width: 600px) {
+@media (max-width: 768px) {
     .sidebar {
         position: static !important;
         margin-top: 0px !important;
     }
 }
+
+@media (min-width: 1670px) {
+    .sidebar {
+        max-width:12.499999995%;
+    }
+}
\ No newline at end of file
diff --git a/app/templates/base_page.html b/app/templates/base_page.html
index e902ec3..8189b73 100644
--- a/app/templates/base_page.html
+++ b/app/templates/base_page.html
@@ -30,7 +30,7 @@
 
   <div class="container-fluid">
     <div class="row">
-      <nav class="col-md-2 col-sm-auto col-xs-auto navbar-light bg-light navbar-expand-md sidebar mt-5">
+      <nav class="col-md-half col-lg-2 col-md-2 navbar-light bg-light navbar-expand-md sidebar mt-5">
           <button id="test" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
           </button>
--
libgit2 0.21.2