From 9d357a0333cda4506d8e52d5b0c6c96c37d9c083 Mon Sep 17 00:00:00 2001
From: Mattermost Build <build@mattermost.com>
Date: Fri, 30 Aug 2019 02:01:02 +0200
Subject: [PATCH] Increase cancel button width (#3204)

---
 app/components/search_bar/search_box.js               | 11 ++++++-----
 .../sidebars/main/channels_list/channels_list.js      |  1 +
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/components/search_bar/search_box.js b/app/components/search_bar/search_box.js
index dd926299e..363ef67c0 100644
--- a/app/components/search_bar/search_box.js
+++ b/app/components/search_bar/search_box.js
@@ -247,7 +247,7 @@ export default class Search extends Component {
                 Animated.timing(
                     this.inputFocusWidthAnimated,
                     {
-                        toValue: this.contentWidth - 70,
+                        toValue: this.contentWidth - 90,
                         duration: 200,
                     }
                 ),
@@ -268,7 +268,7 @@ export default class Search extends Component {
                 Animated.timing(
                     this.btnCancelAnimated,
                     {
-                        toValue: this.state.leftComponentWidth ? 15 - this.state.leftComponentWidth : 10,
+                        toValue: this.state.leftComponentWidth ? 15 - this.state.leftComponentWidth : 5,
                         duration: 200,
                     }
                 ),
@@ -547,17 +547,18 @@ const styles = StyleSheet.create({
         position: 'absolute',
         paddingLeft: 1,
         paddingTop: 3,
-        right: 65,
+        right: 80,
         width: 25,
     },
     iconDeleteDefault: {
         color: 'grey',
     },
     cancelButton: {
+        flex: 1,
         justifyContent: 'center',
-        alignItems: 'flex-start',
+        alignItems: 'center',
         backgroundColor: 'transparent',
-        width: 60,
+        minWidth: 75,
         height: 50,
     },
     cancelButtonText: {
diff --git a/app/components/sidebars/main/channels_list/channels_list.js b/app/components/sidebars/main/channels_list/channels_list.js
index d597cade0..8c49f99bb 100644
--- a/app/components/sidebars/main/channels_list/channels_list.js
+++ b/app/components/sidebars/main/channels_list/channels_list.js
@@ -153,6 +153,7 @@ export default class ChannelsList extends PureComponent {
                             onShowTeams={onShowTeams}
                         />
                     )}
+                    positionRightDelete={5}
                 />
             </View>
         );