From 561860983317eaa76a7516e34fb7fd0ea4ff1243 Mon Sep 17 00:00:00 2001
From: traumweh <hello@lyx.sh>
Date: Sat, 5 Apr 2025 18:15:45 +0200
Subject: [PATCH] Further fix collapsed search styling

---
 css/area_content.less             |  2 ++
 css/area_main-sidebar-nav.less    |  4 ++--
 css/area_main-sidebar-search.less | 18 ++++++------------
 3 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/css/area_content.less b/css/area_content.less
index 155b657..d74ebe8 100755
--- a/css/area_content.less
+++ b/css/area_content.less
@@ -4,6 +4,7 @@
 
 .content .row {
     > .col-xs-12 {
+        z-index: 1;
 
         background-color: var(--color-background);
 
@@ -24,6 +25,7 @@
     @media @screen_min-md {
         > .col-xs-12 {
             border-left: dashed 0.25em var(--color-shade-4);
+            border-radius: 0;
         }
     }
 }
diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less
index a7c92d9..8363b35 100755
--- a/css/area_main-sidebar-nav.less
+++ b/css/area_main-sidebar-nav.less
@@ -117,7 +117,7 @@
             width: 100%;
             opacity: 1;
             font-weight: normal;
-            margin: -1px 0 @very-small-spacing;
+            margin: 0 0 @very-small-spacing;
             padding: 0.4rem 0.1rem;
             text-decoration: none;
 
@@ -316,7 +316,7 @@
     #dokuwiki__aside {
         div.nav {
             a {
-                margin-left: 1px;
+                margin-left: 0;
             }
         }
     }
diff --git a/css/area_main-sidebar-search.less b/css/area_main-sidebar-search.less
index 9e5cd63..a8c4d34 100644
--- a/css/area_main-sidebar-search.less
+++ b/css/area_main-sidebar-search.less
@@ -58,33 +58,28 @@
 
     p.toggleSearch {
         display: none;
-        margin: -2px 0 0; // reverse transparent border and box-sizing of a child
         padding: 0;
 
-        @media @screen_max-xxlg {
-            margin-top: -1px;
-        }
-
         a {
             min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */
             width: @main-ico-dummy;
-            border-radius: @fix_border-radius;
-            color: @ini_nav_menu_color;
+            border-radius: 0.5rem 0 0 0.5rem;
+            border-right: none;
+            background-color: var(--color-shade-1);
+            color: var(--color-foreground);
             text-decoration: none;
             box-sizing: border-box;
 
             &::before {
-                position: absolute;
-                top: 50%;
-                left: 0;
+                width: 100%;
                 color: inherit;
                 text-align: center;
-                margin-top: -(@icon-search_font-size / 2);
             }
 
             &:hover,
             &:focus,
             &:active {
+                border-right: none;
                 background-color: transparent;
                 border-color: var(--color-glow-primary);
                 color: var(--color-glow-primary);
@@ -125,7 +120,6 @@
 
         button[type="submit"] {
             border: solid 1px transparent;
-            border-right-color: var(--color-shade-4);
             margin-left: -(@icon-size);
 
             &::after {