From b2c2a18e335659b44ff4291c7b7f939c53025e00 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Fri, 8 Dec 2023 18:13:30 +1100
Subject: [PATCH] Try to fix issue where when opening sidebar on mobile, main
 content gets squished (I beleive this was introduced when I switched from
 tailwind elements, unsure how tho)

---
 templates/base.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 36aab92..90db919 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,7 +11,6 @@
     <link type="text/css" rel="stylesheet" href="/static/css/tail.select.min.css">
     <script src="/static/js/tail.select.min.js"></script>
     <script src="/static/js/tailwindcss@3.2.4.js"></script>
-
     <link href="/static/css/style.css" rel="stylesheet">
     <script src="/static/js/htmx.min.js" defer></script>
     <script src="/static/js/hyperscript.min.js" defer></script>
@@ -127,7 +126,7 @@
             </div>
         </aside>
         <div class="h-full w-full bg-gray-50 relative overflow-y-auto lg:ml-64">
-            <main id="main">
+            <main id="main" class="w-fit">
                 <div class="pt-6 px-4" id="container">
                     {% block content %}
                     {% endblock %}