From d27c7c00d0161b846b0bc2daefff92447345cae7 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 20:33:12 +0000
Subject: [PATCH] Reduce header height and remove unused view switching buttons

Shorten the header height in the search component from 20 to 16 units and remove the grid and list view toggle buttons from the filter bar.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
---
 client/src/components/search-header.tsx | 35 +------------------------
 1 file changed, 1 insertion(+), 34 deletions(-)

diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index 96ea6c1..dca9f26 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -54,7 +54,7 @@ export default function SearchHeader({
       <div className="absolute top-3 left-[40%] w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[25px] border-b-purple-400/6 transform -rotate-6 z-0 pointer-events-none"></div>
       
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-        <div className="flex items-center justify-between h-20">
+        <div className="flex items-center justify-between h-16">
           <div className="flex items-center space-x-4">
             <Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
               <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
@@ -139,39 +139,6 @@ export default function SearchHeader({
         </div>
       )}
 
-      {/* Filter Bar */}
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
-        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-end gap-4">
-          <div className="hidden sm:flex bg-bunny-gray rounded-lg p-1">
-            <Button
-              variant={currentView === "grid" ? "default" : "ghost"}
-              size="sm"
-              onClick={() => onViewChange("grid")}
-              className={`px-3 py-1 rounded text-sm ${
-                currentView === "grid" 
-                  ? "bg-bunny-blue text-white" 
-                  : "text-bunny-muted hover:text-white"
-              }`}
-              data-testid="button-grid-view"
-            >
-              <Grid3X3 className="w-4 h-4" />
-            </Button>
-            <Button
-              variant={currentView === "list" ? "default" : "ghost"}
-              size="sm"
-              onClick={() => onViewChange("list")}
-              className={`px-3 py-1 rounded text-sm ${
-                currentView === "list" 
-                  ? "bg-bunny-blue text-white" 
-                  : "text-bunny-muted hover:text-white"
-              }`}
-              data-testid="button-list-view"
-            >
-              <List className="w-4 h-4" />
-            </Button>
-          </div>
-        </div>
-      </div>
     </div>
   );
 }