Corrected the layout of the strength indicator to be more consistent throughout the application.

 Fixed a test that was looking for an outdated HTML ID

app/assets/javascripts/password_strength.js.coffee

@@ -7,10 +7,11 @@ overwritten_rules =
 $(document).ready ->
   profileOptions = {}
   profileOptions.ui =
-    container: "#password-strength"
-    showVerdictsInsideProgressBar: true
+    showProgressBar: false
+    showVerdicts: false
     showPopover: true
     showErrors: true
+    showStatus: true
     errorMessages: overwritten_messages
   profileOptions.rules =
     activated: overwritten_rules
@@ -19,7 +20,6 @@ $(document).ready ->
   deviseOptions.common =
     usernameField: "#user_username"
   deviseOptions.ui =
-    container: "#password-strength"
     showPopover: true
     showErrors: true
     showVerdicts: false

app/assets/stylesheets/sections/profile.scss

@@ -117,6 +117,14 @@
   margin-bottom: 0;
 }
 
-.progress {
-  margin-top: 10px;
+.has-success input {
+  background-color: #C3FF88 !important;
+}
+
+.has-error input {
+  background-color: #FFA0A0 !important;
+}
+
+.has-warning input {
+  background-color: #FFEC8B !important;
 }

app/views/devise/passwords/edit.html.haml

@@ -6,7 +6,7 @@
       .devise-errors
         = devise_error_messages!
       = f.hidden_field :reset_password_token
-      .form-group#password-strength
+      .form-group
         = f.password_field :password, class: "form-control top", id: "user_password_recover", placeholder: "New password", required: true
       %div
         = f.password_field :password_confirmation, class: "form-control bottom", placeholder: "Confirm new password", required: true

app/views/profiles/passwords/new.html.haml

@@ -14,7 +14,7 @@
   .form-group
     = f.label :current_password, class: 'control-label'
     .col-sm-10= f.password_field :current_password, required: true, class: 'form-control'
-  .form-group#password-strength
+  .form-group
     = f.label :password, class: 'control-label'
     .col-sm-10= f.password_field :password, required: true, class: 'form-control', id: 'user_password_profile'
   .form-group

features/steps/profile/profile.rb

@@ -146,7 +146,7 @@ class Spinach::Features::Profile < Spinach::FeatureSteps
 
   step 'I submit new password' do
     fill_in :user_current_password, with: '12345678'
-    fill_in :user_password, with: '12345678'
+    fill_in :user_password_profile, with: '12345678'
     fill_in :user_password_confirmation, with: '12345678'
     click_button "Set new password"
   end