fix search bar margin/padding on mobile (#24169)

* fix search bar margin/padding on mobile * mobile only style, shots * bring back
keybase · May 18, 2020 · 0cf4fdb · 0cf4fdb
1 parent 7cbf202
commit 0cf4fdb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/shared/profile/search/bar.tsx b/shared/profile/search/bar.tsx
@@ -23,7 +23,7 @@ const ProfileSearch = (props: Props) => {
       placeholderColor={color}
       placeholderText={`Search${Styles.isMobile ? '' : ' people'}`}
       size="full-width"
-      style={Styles.collapseStyles([styles.filter, props.style])}
+      style={Styles.collapseStyles([Styles.isMobile ? styles.filterMobile : styles.filter, props.style])}
     />
   )
 }
@@ -33,6 +33,10 @@ const styles = Styles.styleSheetCreate(() => ({
     marginLeft: Styles.globalMargins.xsmall,
     marginRight: Styles.globalMargins.xsmall,
   },
+  filterMobile: {
+    paddingLeft: 0,
+    paddingRight: 0,
+  },
 }))
 
 export default ProfileSearch