Increase cancel button width (#3204)

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: {

app/components/sidebars/main/channels_list/channels_list.js

@@ -153,6 +153,7 @@ export default class ChannelsList extends PureComponent {
                             onShowTeams={onShowTeams}
                         />
                     )}
+                    positionRightDelete={5}
                 />
             </View>
         );