From dfd7625bca79ded2a75cebb1f4e19ece9b4275d5 Mon Sep 17 00:00:00 2001
From: Unbewohnte <me@unbewohnte.su>
Date: Mon, 28 Oct 2024 06:48:31 +0300
Subject: [PATCH] UI: Made sidebar occupy full width on narrow screens

---
 pages/category.html | 4 ++--
 pages/index.html    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/category.html b/pages/category.html
index 62dc70d..33433fb 100644
--- a/pages/category.html
+++ b/pages/category.html
@@ -8,13 +8,13 @@
 <main class="d-flex flex-wrap">
 
 <!-- Sidebar -->
-<div id="sidebar" class="border-right shadow-lg flex-shrink-1 p-2 d-flex flex-column align-items-stretch bg-body-tertiary" style="width: 380px;">
+<div id="sidebar" class="col border-right shadow-lg flex-shrink-1 p-2 d-flex flex-column align-items-stretch bg-body-tertiary" style="width: 380px;">
   <a href="/" class="d-flex align-items-center flex-shrink-0 p-3 link-body-emphasis text-decoration-none border-bottom">
       <img class="bi pe-none me-2" width="30" height="24" src="/static/images/arrows-fullscreen.svg">
       <span class="fs-5 fw-semibold">Categories</span>
   </a>
 
-  <div class="list-group list-group-flush border-bottom scrollarea">
+  <div class="col list-group list-group-flush border-bottom scrollarea">
   {{ range .Groups  }}
       <a id="group-{{.ID}}" href="/group/{{.ID}}" class="list-group-item list-group-item-action py-3 lh-sm {{if eq .ID $.CurrentGroupId}} active {{end}}" aria-current="true" ondragover="allowDrop(event);" ondrop="drop(event);">
         <div id="group-{{.ID}}" class="d-flex w-100 align-items-center justify-content-between">
diff --git a/pages/index.html b/pages/index.html
index 49f70fe..150e55c 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -7,7 +7,7 @@
 
 <div class="d-flex flex-wrap">
   <!-- Sidebar -->
-  <div id="sidebar" class="col border-right shadow-lg flex-shrink-1 p-2 d-flex flex-column align-items-stretch bg-body-tertiary" style="width: 380px;">
+  <div id="sidebar" class="col border-right shadow-lg flex-shrink-1 p-2 d-flex flex-column align-items-stretch bg-body-tertiary">
     <a href="/" class="d-flex align-items-center flex-shrink-0 p-3 link-body-emphasis text-decoration-none border-bottom">
       <img class="bi pe-none me-2" width="30" height="24" src="/static/images/arrows-fullscreen.svg">
       <span class="fs-5 fw-semibold">Categories</span>