diff --git a/app/components/search_bar/search_box.js b/app/components/search_bar/search_box.js index 947ae56de..dbf390bfb 100644 --- a/app/components/search_bar/search_box.js +++ b/app/components/search_bar/search_box.js @@ -248,7 +248,7 @@ export default class Search extends Component { Animated.timing( this.inputFocusWidthAnimated, { - toValue: this.contentWidth - 70, + toValue: this.contentWidth - 90, duration: 200, } ), @@ -269,7 +269,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, } ), @@ -549,17 +549,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 7b0f71b84..6ac8979cb 100644 --- a/app/components/sidebars/main/channels_list/channels_list.js +++ b/app/components/sidebars/main/channels_list/channels_list.js @@ -160,6 +160,7 @@ export default class ChannelsList extends PureComponent { onShowTeams={onShowTeams} /> )} + positionRightDelete={5} /> );