From d880fdff0de2ccb0f3b49c1f4900d577716d3c79 Mon Sep 17 00:00:00 2001
From: editinghero <69391940+editinghero@users.noreply.github.com>
Date: Thu, 3 Sep 2026 17:26:00 +0000
Subject: [PATCH] Fix responsive layout for the web application

---
 web/src/style.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/web/src/style.css b/web/src/style.css
index def1988..17b3b2c 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -1053,6 +1053,29 @@ body {
 }
 
 @media (max-width: 820px) {
+
+  .top-bar {
+    flex-wrap: wrap;
+    padding: 12px 16px;
+    gap: 12px;
+  }
+  .search-container {
+    order: 3;
+    min-width: 100%;
+  }
+  .top-actions {
+    margin-left: auto;
+  }
+  .top-actions .btn span {
+    display: none;
+  }
+  .top-actions #new-note-btn {
+    display: none;
+  }
+  .notes-grid {
+    grid-template-columns: 1fr;
+  }
+
   .sidebar {
     position: fixed;
     top: 0;
@@ -1075,4 +1098,13 @@ body {
   .analytics-view {
     padding: 20px 16px;
   }
+  .mobile-bottom-dock {
+    display: flex;
+  }
+}
+
+@media (min-width: 821px) {
+  .mobile-bottom-dock {
+    display: none !important;
+  }
 }
\ No newline at end of file