Enlarge the SearchFilter's 'X' hitbox (keybase#19310)

SaltineChips · Sep 10, 2019 · ba2f08e · ba2f08e
1 parent fd0c1a1
commit ba2f08e
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/shared/common-adapters/search-filter.tsx b/shared/common-adapters/search-filter.tsx
@@ -224,13 +224,14 @@ class SearchFilter extends React.PureComponent<Props, State> {
     }
     if (Styles.isMobile) {
       return (
-        <Kb.Icon
-          type="iconfont-remove"
-          sizeType={this._iconSizeType()}
-          onClick={this.props.mobileCancelButton ? this._clear : this._cancel}
-          color={this._iconColor()}
-          style={styles.removeIconNonFullWidth}
-        />
+        <Kb.ClickableBox onClick={this.props.mobileCancelButton ? this._clear : this._cancel}>
+          <Kb.Icon
+            type="iconfont-remove"
+            sizeType={this._iconSizeType()}
+            color={this._iconColor()}
+            style={styles.removeIconNonFullWidth}
+          />
+        </Kb.ClickableBox>
       )
     } else {
       return (
@@ -381,7 +382,7 @@ const styles = Styles.styleSheetCreate(() => ({
     marginLeft: Styles.globalMargins.xsmall,
   },
   removeIconNonFullWidth: {
-    marginLeft: Styles.globalMargins.tiny,
+    margin: Styles.globalMargins.tiny,
   },
   spinnerFullWidth: {
     height: 16,