Fix mobile friendlyness of forgot password page

app/views/devise/passwords/new.html.erb

@@ -1,16 +1,21 @@
-<h2 class="my-3">Forgot your password?</h2>
+<div class="container">
+  <div class="row">
+    <div class="col-md-6 offset-md-3">
+    <h2 class="py-3 text-center">Forgot your password?</h2>
 
-<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
-  <%= render "devise/shared/error_messages", resource: resource %>
+    <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
+      <%= render "devise/shared/error_messages", resource: resource %>
 
-  <div class="form-group my-3">
-    <%= f.label :email %>
-    <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "form-control" %>
-  </div>
+      <div class="form-group my-3">
+        <%= f.label :email %>
+        <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "form-control" %>
+      </div>
 
-  <div class="actions">
-    <%= f.submit "Send me reset password instructions", class: "btn btn-primary btn-block col-12 my-1" %>
+      <div class="actions">
+        <%= f.submit "Send me reset password instructions", class: "btn btn-primary btn-block col-12 my-1" %>
+      </div>
+    <% end %>
+    <%= render "devise/shared/links" %>
+    </div>
   </div>
-<% end %>
-
-<%= render "devise/shared/links" %>
+</div>