diff --git a/src/common/PasswordInput.js b/src/common/PasswordInput.js index 5c21ec21bb6..8d90e84b2ef 100644 --- a/src/common/PasswordInput.js +++ b/src/common/PasswordInput.js @@ -3,24 +3,26 @@ import React, { useState, useCallback } from 'react'; import type { Node } from 'react'; import { View } from 'react-native'; +import { Icon } from './Icons'; import Input from './Input'; import type { Props as InputProps } from './Input'; import { BRAND_COLOR, createStyleSheet } from '../styles'; -import ZulipTextIntl from './ZulipTextIntl'; import Touchable from './Touchable'; const styles = createStyleSheet({ showPasswordButton: { - position: 'absolute', - right: 0, - top: 0, - bottom: 0, justifyContent: 'center', }, - showPasswordButtonText: { + showPasswordButtonIcon: { margin: 8, color: BRAND_COLOR, }, + passwordTextInput: { + flex: 1, + }, + passwordInputView: { + flexDirection: 'row', + }, }); // Prettier wants a ", >" here, which is silly. @@ -44,10 +46,16 @@ export default function PasswordInput(props: Props): Node { }, []); return ( - - + + - + ); diff --git a/static/translations/messages_en.json b/static/translations/messages_en.json index 3c13cddc537..5a6cf42618d 100644 --- a/static/translations/messages_en.json +++ b/static/translations/messages_en.json @@ -277,7 +277,6 @@ "Stream settings": "Stream settings", "Failed to show stream settings": "Failed to show stream settings", "show": "show", - "hide": "hide", "Debug": "Debug", "Administrators": "Administrators", "Normal users": "Normal users",