Center HE logo, google sign in, and form container

coalest · coalest · commit 94f209996016 · 2025-01-23T12:39:45.000+01:00
diff --git a/app/views/layouts/_devise_shared.html.erb b/app/views/layouts/_devise_shared.html.erb
@@ -57,8 +57,8 @@
 <body id="devise" class="hold-transition login-page <%= body_class %> <%= Rails.env.staging? ? 'login-page-test' : '' %>">
   <div class="login-box">
     <% if masthead_img_src %>
-      <div class="login-logo text-center">
-        <img id="MastheadLogo" src="<%= masthead_img_src %>" alt="Human Essentials" title="Human Essentials" class="serv_icon">
+      <div class="login-logo">
+        <img id="MastheadLogo" src="<%= masthead_img_src %>" alt="Human Essentials" title="Human Essentials" class="serv_icon mw-100">
       </div>
     <% end %>
 
diff --git a/app/views/users/sessions/new.html.erb b/app/views/users/sessions/new.html.erb
@@ -14,7 +14,7 @@
 </style>
 <%= render partial: "shared/flash" %>
 <%= simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
-  <div class="login-box">
+  <div class="login-box w-100">
     <!-- /.login-logo -->
     <div class="card">
       <div class="card-body login-card-body">
@@ -53,6 +53,6 @@
   </div>
 <% end %>
 
-<%= link_to user_google_oauth2_omniauth_authorize_path, method: :post do %>
-  <img src="../img/btn_google_signin_dark_focus_web@2x.png" alt="Sign in with Google">
+<%= link_to user_google_oauth2_omniauth_authorize_path, method: :post, class: "d-block" do %>
+  <img src="../img/btn_google_signin_dark_focus_web@2x.png" alt="Sign in with Google" class="d-block w-100">
 <% end %>
