diff --git a/app/containers/Button/index.tsx b/app/containers/Button/index.tsx index 4f57776d1..9e475a679 100644 --- a/app/containers/Button/index.tsx +++ b/app/containers/Button/index.tsx @@ -17,6 +17,7 @@ interface IButtonProps { color: string; fontSize: any; style: any; + styleText?: any; testID: string; } @@ -48,7 +49,8 @@ export default class Button extends React.PureComponent, a }; render() { - const { title, type, onPress, disabled, backgroundColor, color, loading, style, theme, fontSize, ...otherProps } = this.props; + const { title, type, onPress, disabled, backgroundColor, color, loading, style, theme, fontSize, styleText, ...otherProps } = + this.props; const isPrimary = type === 'primary'; let textColor = isPrimary ? themes[theme!].buttonText : themes[theme!].bodyText; @@ -72,7 +74,7 @@ export default class Button extends React.PureComponent, a {loading ? ( ) : ( - + {title} )} diff --git a/app/views/RoomsListView/ServerDropdown.js b/app/views/RoomsListView/ServerDropdown.js index 196a46d34..a707d7d6a 100644 --- a/app/views/RoomsListView/ServerDropdown.js +++ b/app/views/RoomsListView/ServerDropdown.js @@ -191,7 +191,7 @@ class ServerDropdown extends Component { const { servers } = this.state; const { theme, isMasterDetail, insets } = this.props; const maxRows = 4; - const initialTop = 41 + Math.min(servers.length, maxRows) * ROW_HEIGHT; + const initialTop = 87 + Math.min(servers.length, maxRows) * ROW_HEIGHT; const statusBarHeight = insets?.top ?? 0; const heightDestination = isMasterDetail ? headerHeight + statusBarHeight : 0; const translateY = this.animatedValue.interpolate({ @@ -249,6 +249,7 @@ class ServerDropdown extends Component { testID='rooms-list-header-create-workspace-button' style={styles.buttonCreateWorkspace} color={themes[theme].tintColor} + styleText={[styles.serverHeaderAdd, { textAlign: 'center' }]} />