app/assets/stylesheets/application.css

@@ -202,6 +202,12 @@ input[type=text]:read-only {
   fill: #009ade;
 }
 
+.left{
+  margin-right: auto;
+}
+.right{
+  margin-left: auto;
+}
 
 .leftside {
   grid-area: leftside;

app/views/users/registrations/edit.html.erb

@@ -8,7 +8,7 @@
       method: :delete, onclick: {confirm: t(".confirm_delete")} %>
   </div>
 <% end %>
-
+<div class="main">
   <%= labelled_form_for resource, url: registration_path(resource), html: {method: :patch} do |f| %>
   <%= f.email_field :email, size: 30, autofocus: true, autocomplete: "off" %>
   <% if f.object.pending_reconfirmation? %>
@@ -21,10 +21,11 @@
 
   <%= f.password_field :password, label: t(".new_password"), size: 30,
         minlength: @minimum_password_length, autocomplete: "new-password",
-    hint: t(".blank_password_hint",
-            subhint: t("users.minimum_password_length", count: @minimum_password_length)) %>
+        hint: t(".blank_password_hint").html_safe + ("<br>").html_safe +  
+              t("users.minimum_password_length", count: @minimum_password_length) %>
   <%= f.password_field :password_confirmation, label: t(".password_confirmation"),
         size: 30, minlength: @minimum_password_length, autocomplete: "off" %>
 
   <%= f.submit t(".update") %>
+</div>
 <% end %>

config/locales/en.yml

@@ -85,7 +85,7 @@ en:
         unconfirmed_email_hint: (since %{timestamp})
         new_password: New password
         password_confirmation: Retype new password
-        blank_password_hint: leave blank to keep unchanged<br>%{subhint}
+        blank_password_hint: leave blank to keep unchanged
         update: Update profile
     sessions:
       new: