From f21ee8e01ab09e2eb70b5f5d71548f2c4d10bdf6 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 19:43:42 +0000
Subject: [PATCH] Improve search header by hiding grid view on smaller screens

Hide the grid view button in the search header component on small screen sizes by adding the `hidden sm:flex` class to the container div.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/IG0thRZ
---
 client/src/components/search-header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index 0797034..ea58631 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -134,7 +134,7 @@ export default function SearchHeader({
             <p className="text-bunny-muted">Video streaming platform</p>
           </div>
           
-          <div className="flex bg-bunny-gray rounded-lg p-1">
+          <div className="hidden sm:flex bg-bunny-gray rounded-lg p-1">
             <Button
               variant={currentView === "grid" ? "default" : "ghost"}
               size="sm"