From 64b70d17b39483bdd455fed8558a33661cbcd85e Mon Sep 17 00:00:00 2001
From: catch <catch@35733.no-reply.drupal.org>
Date: Mon, 28 Jan 2013 21:54:39 +0000
Subject: [PATCH] Issue #1864466 by mcjim: Fixed Password strength checker
 hidden on small screens.

---
 core/modules/user/user.css  | 2 --
 core/modules/user/user.js   | 4 ++--
 core/themes/seven/style.css | 8 ++++++++
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/core/modules/user/user.css b/core/modules/user/user.css
index 42ca431f798..ae46dbc6525 100644
--- a/core/modules/user/user.css
+++ b/core/modules/user/user.css
@@ -19,7 +19,6 @@
 .password-strength {
   width: 17em;
   float: right;  /* LTR */
-  margin-top: 1.4em;
 }
 .password-strength-title {
   display: inline;
@@ -45,7 +44,6 @@ input.password-field {
 }
 div.password-confirm {
   float: right;  /* LTR */
-  margin-top: 1.5em;
   visibility: hidden;
   width: 17em;
 }
diff --git a/core/modules/user/user.js b/core/modules/user/user.js
index 8e0e1354731..e5f6142b863 100644
--- a/core/modules/user/user.js
+++ b/core/modules/user/user.js
@@ -18,7 +18,7 @@ Drupal.behaviors.password = {
       innerWrapper.addClass('password-parent');
 
       // Add the password confirmation layer.
-      outerWrapper.find('input.password-confirm').parent().prepend('<div class="password-confirm">' + translate.confirmTitle + ' <span></span></div>').addClass('confirm-parent');
+      outerWrapper.find('input.password-confirm').parent().append('<div class="password-confirm">' + translate.confirmTitle + ' <span></span></div>').addClass('confirm-parent');
       var confirmInput = outerWrapper.find('input.password-confirm');
       var confirmResult = outerWrapper.find('div.password-confirm');
       var confirmChild = confirmResult.find('span');
@@ -26,7 +26,7 @@ Drupal.behaviors.password = {
       // Add the description box.
       var passwordMeter = '<div class="password-strength"><div class="password-strength-text" aria-live="assertive"></div><div class="password-strength-title">' + translate.strengthTitle + '</div><div class="password-indicator"><div class="indicator"></div></div></div>';
       confirmInput.parent().after('<div class="password-suggestions description"></div>');
-      innerWrapper.prepend(passwordMeter);
+      innerWrapper.append(passwordMeter);
       var passwordDescription = outerWrapper.find('div.password-suggestions').hide();
 
       // Check the password strength.
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index a72d686e9fa..83d52931d46 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -816,6 +816,14 @@ select.form-select:focus {
     float: none;
     padding: 0;
   }
+  div.password-confirm,
+  .password-strength {
+    float: none;
+  }
+  .confirm-parent,
+  .password-parent {
+    width: 100%;
+  }
 }
 
 /* Exceptions */