From 9feb2e4d159a19fc36c03d1b517a98752d8c2ea4 Mon Sep 17 00:00:00 2001
From: Silberengel <silberengel7@protonmail.com>
Date: Fri, 14 Nov 2025 09:23:17 +0100
Subject: [PATCH] fix mobile rendering of search page Alex button

---
 src/pages/primary/SearchPage/index.tsx   | 4 ++--
 src/pages/secondary/SearchPage/index.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/primary/SearchPage/index.tsx b/src/pages/primary/SearchPage/index.tsx
index a01182f..21706c8 100644
--- a/src/pages/primary/SearchPage/index.tsx
+++ b/src/pages/primary/SearchPage/index.tsx
@@ -47,10 +47,10 @@ const SearchPage = forwardRef((_, ref) => {
       <div className="px-4 pt-4">
         <div className="text-2xl font-bold mb-4">Search Nostr</div>
         <div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 mb-4 relative z-40">
-          <div className="flex-1 relative">
+          <div className="flex-1 relative order-2 sm:order-1">
             <SearchBar ref={searchBarRef} onSearch={onSearch} input={input} setInput={setInput} />
           </div>
-          <div className="flex-shrink-0 relative z-50 w-full sm:w-auto">
+          <div className="flex-shrink-0 relative z-50 w-full sm:w-auto order-1 sm:order-2">
             <Button
               variant="ghost"
               className="h-9 shrink-0 text-muted-foreground hover:text-foreground border border-border/50 hover:border-border rounded-md px-3 gap-2 w-full sm:w-auto"
diff --git a/src/pages/secondary/SearchPage/index.tsx b/src/pages/secondary/SearchPage/index.tsx
index dc452f6..2126dc1 100644
--- a/src/pages/secondary/SearchPage/index.tsx
+++ b/src/pages/secondary/SearchPage/index.tsx
@@ -103,10 +103,10 @@ const SearchPage = forwardRef(({ index, hideTitlebar = false }: { index?: number
       <div className="px-4 pt-4">
         <div className="text-2xl font-bold mb-4">Search Nostr</div>
         <div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 mb-4 relative z-40">
-          <div className="flex-1 relative">
+          <div className="flex-1 relative order-2 sm:order-1">
             <SearchBar ref={searchBarRef} input={input} setInput={setInput} onSearch={onSearch} />
           </div>
-          <div className="flex-shrink-0 relative z-50 w-full sm:w-auto">
+          <div className="flex-shrink-0 relative z-50 w-full sm:w-auto order-1 sm:order-2">
             <Button
               variant="ghost"
               className="h-9 shrink-0 text-muted-foreground hover:text-foreground border border-border/50 hover:border-border rounded-md px-3 gap-2 w-full sm:w-auto"