fix: small aside sidebar and search ui/ux changes

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>

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) {

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;
+  }
 }

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;
   }