Application Passwords: Ensure the password field displays correctly on small screens.

audrasjb · audrasjb · commit bc3841bc707e · 2026-03-19T07:11:48.000Z
This changeset improves the responsiveness of the Application password input field. Follow-up to [62043]. Props ekla, audrasjb, nimeshatxecurify. Fixes #64880. git-svn-id: https://develop.svn.wordpress.org/trunk@62057 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
@@ -1057,7 +1057,8 @@ table.form-table td .updated p {
 
 .application-password-display input.code {
 	margin-bottom: 6px;
-	width: 20em;
+	width: 100%;
+	max-width: 20em;
 }
 
 .auth-app-card.card {

Original file line number	Diff line number	Diff line change
`@@ -1057,7 +1057,8 @@ table.form-table td .updated p {`
`1057`	`1057`
`1058`	`1058`	`.application-password-display input.code {`
`1059`	`1059`	`margin-bottom: 6px;`
`1060`		`- width: 20em;`
	`1060`	`+ width: 100%;`
	`1061`	`+ max-width: 20em;`
`1061`	`1062`	`}`
`1062`	`1063`
`1063`	`1064`	`.auth-app-card.card {`