Include whitespace between the leading text and the code input. (#519)

* Include whitespace between the leading text and the code input. * Switch from using <br> to using CSS.
WordPress · Feb 15, 2023 · 2991f4c · 2991f4c
1 parent f7e42d6
commit 2991f4c
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/class-two-factor-core.php b/class-two-factor-core.php
@@ -772,6 +772,9 @@ public static function login_html( $user, $login_nonce, $redirect_to, $error_msg
 			.jetpack-sso-form-display #loginform > div {
 			display: block;
 			}
+			#login form p.two-factor-prompt {
+			margin-bottom: 1em;
+			}
 		</style>
 
 		<?php

diff --git a/providers/class-two-factor-backup-codes.php b/providers/class-two-factor-backup-codes.php
@@ -327,7 +327,7 @@ public static function codes_remaining_for_user( $user ) {
 	public function authentication_page( $user ) {
 		require_once ABSPATH . '/wp-admin/includes/template.php';
 		?>
-		<p><?php esc_html_e( 'Enter a backup verification code.', 'two-factor' ); ?></p><br/>
+		<p class="two-factor-prompt"><?php esc_html_e( 'Enter a backup verification code.', 'two-factor' ); ?></p>
 		<p>
 			<label for="authcode"><?php esc_html_e( 'Verification Code:', 'two-factor' ); ?></label>
 			<input type="tel" name="two-factor-backup-code" id="authcode" class="input" value="" size="20" pattern="[0-9]*" />

diff --git a/providers/class-two-factor-email.php b/providers/class-two-factor-email.php
@@ -266,7 +266,7 @@ public function authentication_page( $user ) {
 
 		require_once ABSPATH . '/wp-admin/includes/template.php';
 		?>
-		<p><?php esc_html_e( 'A verification code has been sent to the email address associated with your account.', 'two-factor' ); ?></p>
+		<p class="two-factor-prompt"><?php esc_html_e( 'A verification code has been sent to the email address associated with your account.', 'two-factor' ); ?></p>
 		<p>
 			<label for="authcode"><?php esc_html_e( 'Verification Code:', 'two-factor' ); ?></label>
 			<input type="tel" name="two-factor-email-code" id="authcode" class="input" value="" size="20" />

diff --git a/providers/class-two-factor-totp.php b/providers/class-two-factor-totp.php
@@ -638,7 +638,7 @@ public function is_available_for_user( $user ) {
 	public function authentication_page( $user ) {
 		require_once ABSPATH . '/wp-admin/includes/template.php';
 		?>
-		<p>
+		<p class="two-factor-prompt">
 			<?php esc_html_e( 'Please enter the code generated by your authenticator app.', 'two-factor' ); ?>
 		</p>
 		<p>