From bc211b6d3bcd38c1f05c7babce3242c9fe43f208 Mon Sep 17 00:00:00 2001
From: Dries <dries@buytaert.net>
Date: Wed, 23 Jan 2013 13:11:45 -0500
Subject: [PATCH] Issue #1887558 by echoz: password Strength indicator overlaps
 with input field in Narrow screens.

---
 core/modules/user/user.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/core/modules/user/user.css b/core/modules/user/user.css
index 8513db4dfed..42ca431f798 100644
--- a/core/modules/user/user.css
+++ b/core/modules/user/user.css
@@ -65,6 +65,37 @@ div.password-suggestions ul {
   width: 36.3em;
 }
 
+ /**
+ * Password strength indicator on narrow viewport.
+ */
+@media screen and (max-width: 600px) {
+  .password-strength {
+    margin-top: 0;
+    width: auto;
+  }
+  .password-indicator {
+    margin-bottom: 0.4em;
+  }
+  input.password-confirm,
+  input.password-field {
+    margin-bottom: 0;
+    width: 100%;
+  }
+  div.password-confirm {
+    margin-top: 0;
+    width: auto;
+  }
+  div.form-item div.password-suggestions {
+    width: auto;
+  }
+  .confirm-parent,
+  .password-parent {
+    clear: none;
+    margin: 0;
+    width: 100%;
+  }
+}
+
 /**
  * Toolbar icon.
  */