From 71ffa6195e6be1f8c5dd4b8726870bceb384dd9a Mon Sep 17 00:00:00 2001
From: Konstantin Obenland <obenland@git.wordpress.org>
Date: Mon, 13 Jul 2015 18:20:21 +0000
Subject: [PATCH] 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 | 36 ++++++++++++++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
index d548801cc1..21c2c69f64 100644
--- a/src/wp-admin/css/forms.css
+++ b/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%;