From f5047526eaba27bac9715bb3f9be1c7db86dad29 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Sat, 25 Jan 2025 16:49:48 +0000
Subject: [PATCH] fix web

---
 src/view/screens/Search/Search.tsx | 29 ++++++++++++++++++++---------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx
index cf51f52ff5..d5cd6ffdc0 100644
--- a/src/view/screens/Search/Search.tsx
+++ b/src/view/screens/Search/Search.tsx
@@ -537,12 +537,7 @@ let SearchScreenInner = ({
     <Pager
       onPageSelected={onPageSelected}
       renderTabBar={props => (
-        <Layout.Center
-          style={[
-            a.z_10,
-            web([a.sticky]),
-            {top: isWeb ? headerHeight : undefined},
-          ]}>
+        <Layout.Center style={[a.z_10, web([a.sticky, {top: headerHeight}])]}>
           <TabBar items={sections.map(section => section.title)} {...props} />
         </Layout.Center>
       )}
@@ -851,14 +846,13 @@ export function SearchScreen(
           if (isWeb) setHeaderHeight(evt.nativeEvent.layout.height)
         }}
         style={[
-          t.atoms.bg,
           web({
             position: 'sticky',
             top: 0,
             zIndex: 1,
           }),
         ]}>
-        <Layout.Center>
+        <Layout.Center style={t.atoms.bg}>
           {!gtMobile && !showAutocomplete && (
             <Animated.View
               layout={native(FadingTransition)}
@@ -888,7 +882,7 @@ export function SearchScreen(
             </Animated.View>
           )}
           <Animated.View
-            style={[a.px_md, a.pt_md, a.pb_sm]}
+            style={[a.px_md, a.pt_md, a.pb_sm, a.gap_sm]}
             layout={native(LinearTransition)}>
             <View style={[a.flex_row, a.gap_sm]}>
               <View style={[a.flex_1]}>
@@ -918,6 +912,23 @@ export function SearchScreen(
                 </Button>
               )}
             </View>
+
+            {showFilters && gtMobile && (
+              <View
+                style={[
+                  a.flex_row,
+                  a.align_center,
+                  a.justify_between,
+                  a.gap_sm,
+                ]}>
+                <View style={[{width: 140}]}>
+                  <SearchLanguageDropdown
+                    value={params.lang}
+                    onChange={params.setLang}
+                  />
+                </View>
+              </View>
+            )}
           </Animated.View>
         </Layout.Center>
       </View>