Passwords: Improve display of show/hide toggle for touch and small-screen devices.

See #32589.



git-svn-id: https://develop.svn.wordpress.org/trunk@33206 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/css/forms.css

@@ -494,7 +494,7 @@ fieldset label,
 	border-color: #8dff1c;
 }
 
-.pw-weak{
+.pw-weak {
 	display:none;
 }
 
@@ -1225,11 +1225,43 @@ table.form-table td .updated p {
 		width: auto;
 	}
 
+	/* New Password */
+	.wp-pwd {
+		position: relative;
+	}
+
+	.wp-pwd [type="text"],
+	.wp-pwd [type="password"] {
+		padding-right: 40px;
+	}
+
+	.wp-pwd button.button {
+		background: transparent;
+		border: none;
+		-webkit-box-shadow: none;
+		box-shadow: none;
+		line-height: 2;
+		margin: 0;
+		padding: 5px 10px;
+		position: absolute;
+		right: 0;
+		top: 0;
+	}
+
+	.wp-pwd button.button:hover,
+	.wp-pwd button.button:focus,
+	.wp-pwd button.button:active {
+		background: transparent;
+	}
+
+	.wp-pwd .button .text {
+		display: none;
+	}
 }
 
 @media only screen and (max-height: 480px) {
 	/*  Request Credentials */
-	.request-filesystem-credentials-dialog	.notification-dialog{
+	.request-filesystem-credentials-dialog .notification-dialog{
 		width: 100%;
 		height: 100%;
 		max-height: 100%;