center the settings relative to the sidebar

app/views/email_settings/index.html.erb

@@ -1,6 +1,6 @@
-<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0 md:space-x-16">
+<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow max-w-xl">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-4xl font-bold mb-4">Email SMTP</h1>
     <p>
       Configure your to send emails (TODO)
@@ -40,4 +40,5 @@
       </div>
     <% end %>
   </div>
+  <div class="w-0 md:w-52"></div>
 </div>

app/views/esign_settings/index.html.erb

@@ -1,6 +1,6 @@
-<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0 md:space-x-16">
+<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow max-w-xl">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-4xl font-bold mb-4">eSign</h1>
     <p>
       Upload your electronic signature
@@ -16,4 +16,5 @@
       <%= f.button button_title %>
     <% end %>
   </div>
+  <div class="w-0 md:w-52"></div>
 </div>

app/views/profile/index.html.erb

@@ -1,6 +1,6 @@
-<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0 md:space-x-16">
+<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow max-w-xl">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-4xl font-bold mb-4">Profile</h1>
     <%= form_for @user, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
       <div class="grid md:grid-cols-2 gap-4">
@@ -18,4 +18,5 @@
       </div>
     <% end %>
   </div>
+  <div class="w-0 md:w-52"></div>
 </div>

app/views/storage_settings/index.html.erb

@@ -1,6 +1,6 @@
-<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0 md:space-x-16">
+<div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow max-w-xl">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-4xl font-bold mb-4">Storage</h1>
     <p class="mb-4">
       Select files storage option (TODO)
@@ -33,4 +33,5 @@
       </div>
     <% end %>
   </div>
+  <div class="w-0 md:w-52"></div>
 </div>

app/views/users/index.html.erb

@@ -1,6 +1,6 @@
  <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0 md:space-x-2">
     <%= render 'shared/settings_nav' %>
-    <div class="w-full">
+    <div class="flex-grow">
       <div class="flex justify-between mb-4">
         <h1 class="text-4xl font-bold">Team</h1>
         <%= link_to new_user_path, class: 'btn btn-primary btn-md gap-2', data: { turbo_frame: 'modal' } do %>