From 12bbddf204e805885e0760b93120f90560b8354b Mon Sep 17 00:00:00 2001
From: Zed <zedeus@pm.me>
Date: Mon, 24 Nov 2025 23:04:25 +0100
Subject: [PATCH] Update search panel grid layout and animation

---
 src/sass/include/_mixins.css | 13 +------------
 src/sass/search.scss         | 15 +++++++--------
 2 files changed, 8 insertions(+), 20 deletions(-)

diff --git a/src/sass/include/_mixins.css b/src/sass/include/_mixins.css
index 94e11ee..5fde51a 100644
--- a/src/sass/include/_mixins.css
+++ b/src/sass/include/_mixins.css
@@ -66,18 +66,7 @@
         }
 
         #search-panel-toggle:checked ~ .search-panel {
-            @if $rows == 6 {
-                max-height: 200px !important;
-            }
-            @if $rows == 5 {
-                max-height: 300px !important;
-            }
-            @if $rows == 4 {
-                max-height: 300px !important;
-            }
-            @if $rows == 3 {
-                max-height: 365px !important;
-            }
+            max-height: 380px !important;
         }
     }
 }
diff --git a/src/sass/search.scss b/src/sass/search.scss
index f70f7ea..db0bc66 100644
--- a/src/sass/search.scss
+++ b/src/sass/search.scss
@@ -42,7 +42,7 @@
         @include input-colors;
     }
 
-    @include create-toggle(search-panel, 200px);
+    @include create-toggle(search-panel, 380px);
 }
 
 .search-panel {
@@ -104,19 +104,18 @@
 .search-toggles {
     flex-grow: 1;
     display: grid;
-    grid-template-columns: repeat(6, auto);
+    grid-template-columns: repeat(5, auto);
     grid-column-gap: 10px;
 }
 
 .profile-tabs {
     @include search-resize(820px, 5);
-    @include search-resize(725px, 4);
-    @include search-resize(600px, 6);
-    @include search-resize(560px, 5);
-    @include search-resize(480px, 4);
+    @include search-resize(715px, 4);
+    @include search-resize(700px, 5);
+    @include search-resize(485px, 4);
     @include search-resize(410px, 3);
 }
 
-@include search-resize(560px, 5);
-@include search-resize(480px, 4);
+@include search-resize(700px, 5);
+@include search-resize(485px, 4);
 @include search-resize(410px, 3);