From 3c0821fcd72db920f604e75f8892fbb3430115fb Mon Sep 17 00:00:00 2001
From: fs <fs@breadcrumb-solutions.de>
Date: Tue, 24 Mar 2026 14:21:32 +0100
Subject: [PATCH] fix: small aside sidebar and search ui/ux changes

---
 templates/partials/app-main-aside.phtml | 2 +-
 web/css/components/app-search.css       | 3 ++-
 web/css/layout/app-sidebar.css          | 5 +++++
 web/css/pages/app-login.css             | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/templates/partials/app-main-aside.phtml b/templates/partials/app-main-aside.phtml
index 3d1a2d7..f466eff 100644
--- a/templates/partials/app-main-aside.phtml
+++ b/templates/partials/app-main-aside.phtml
@@ -343,7 +343,7 @@ $moduleSearchSlots = is_array($moduleSlots['search.resource_item'] ?? null) ? $m
 
         <div id="aside-panel-search" class="app-sidebar-panel" data-app-component="global-search" data-aside-panel="search"
             data-aside-title="<?php e(t('Search')); ?>" role="tabpanel" aria-labelledby="aside-tab-search" hidden>
-            <form class="app-search" role="search">
+            <form class="app-search" >
                 <input type="search" name="side-search" id="side-search" placeholder="<?php e(t('Search...')); ?>"
                     aria-label="<?php e(t('Search')); ?>">
                 <span class="app-search-shortcut" data-search-shortcut aria-hidden="true"></span>
diff --git a/web/css/components/app-search.css b/web/css/components/app-search.css
index 9f0ed4a..8fc4cf6 100644
--- a/web/css/components/app-search.css
+++ b/web/css/components/app-search.css
@@ -122,7 +122,8 @@ input#side-search {
     height: auto;
     font-size: var(--text-sm);
     padding-right: 3rem;
-    margin-bottom:0;
+    margin-bottom: 0;
+    border-radius: var(--border-radius);
 }
 
 ul.app-search-preview:has(li) {
diff --git a/web/css/layout/app-sidebar.css b/web/css/layout/app-sidebar.css
index e494cb4..6d80571 100644
--- a/web/css/layout/app-sidebar.css
+++ b/web/css/layout/app-sidebar.css
@@ -294,4 +294,9 @@
   aside.app-sidebar li.app-sidebar-group {
     margin-bottom: var(--app-spacing);
   }
+
+  nav#aside-panel-bookmarks .app-empty-state {
+    max-width: 90%;
+    margin: 0 auto;
+  }
 }
diff --git a/web/css/pages/app-login.css b/web/css/pages/app-login.css
index fe992e5..3aa6a85 100644
--- a/web/css/pages/app-login.css
+++ b/web/css/pages/app-login.css
@@ -619,7 +619,7 @@
   }
 
   .login-content-container.container-small {
-    width: min(370px, calc(100vw - 2rem));
+    width: min(300px, calc(100vw - 2rem));
     max-width: none;
   }