fix: increase map search bar width (#1741)

* fix: increase map search bar width * fix: rename wideSearch to wideSearchOverride
techmatters · Jul 10, 2024 · 1aaba20 · 1aaba20
1 parent c54ade0
commit 1aaba20
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/dev-client/src/components/ListFilter.tsx b/dev-client/src/components/ListFilter.tsx
@@ -481,6 +481,9 @@ export const searchBarStyles = StyleSheet.create({
     height: 40,
     justifyContent: 'center',
   },
+  wideSearchOverride: {
+    width: '95%',
+  },
   input: {
     minHeight: 40,
   },

diff --git a/dev-client/src/screens/HomeScreen/components/MapSearch.tsx b/dev-client/src/screens/HomeScreen/components/MapSearch.tsx
@@ -192,7 +192,10 @@ export default function MapSearch({zoomTo, zoomToUser, toggleMapLayer}: Props) {
                 }}
                 value={query}
                 placeholder={t('search.placeholder')}
-                style={searchBarStyles.search}
+                style={{
+                  ...searchBarStyles.search,
+                  ...searchBarStyles.wideSearchOverride,
+                }}
                 inputStyle={searchBarStyles.input}
               />
             )}