More translations

plugins/talk-plugin-auth/client/profile-settings/components/ChangeUsernameDialog.js

@@ -64,7 +64,9 @@ class ChangeUsernameDialog extends React.Component {
               onChange={this.props.onChange}
               value={this.props.formData.confirmNewUsername}
               hasError={this.formHasError() && this.state.showError}
-              errorMsg={'Username does not match'}
+              errorMsg={t(
+                'talk-plugin-auth.change_username.username_does_not_match'
+              )}
               showError={this.state.showError}
               columnDisplay
               showSuccess={false}
@@ -76,7 +78,9 @@ class ChangeUsernameDialog extends React.Component {
             </InputField>
           </form>
           <div className={styles.bottomActions}>
-            <Button className={styles.cancel}>Cancel</Button>
+            <Button className={styles.cancel}>
+              {t('talk-plugin-auth.change_username.cancel')}
+            </Button>
             <Button
               className={styles.confirmChanges}
               onClick={this.confirmChanges}

plugins/talk-plugin-auth/client/profile-settings/components/InputField.css

@@ -53,9 +53,10 @@
   border: none;
   font-size: 1em;
   color: #000;
-  height: 30px;
   outline: none;
   flex: 1;
+  height: 100%;
+  box-sizing: border-box;
 }
 
 .detailItemMessage {

plugins/talk-plugin-auth/client/translations.yml

@@ -151,6 +151,7 @@ en:
       new_username: "New Username"
       bottom_note: "Note: You will not be able to change your username again for 14 days"
       confirm_changes: "Confirm Changes"
+      username_does_not_match: "Username does not match"
 de:
   talk-plugin-auth:
     login: