fix settings nav offset

app/views/accounts/show.html.erb

@@ -1,6 +1,6 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow md:max-w-xl md:mx-auto">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-3xl md:text-4xl font-bold mb-4">
       <%= t('account') %>
     </h1>

app/views/email_smtp_settings/index.html.erb

@@ -1,6 +1,6 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow md:max-w-xl md:mx-auto min-w-0">
+  <div class="flex-grow max-w-xl mx-auto min-w-0">
     <h1 class="text-3xl md:text-4xl font-bold mb-4">Email SMTP</h1>
     <% value = @encrypted_config.value || {} %>
     <%= form_for @encrypted_config, url: settings_email_index_path, method: :post, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>

app/views/notifications_settings/index.html.erb

@@ -1,6 +1,6 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow md:max-w-xl md:mx-auto">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-3xl md:text-4xl font-bold mb-4">
       <%= t('email_notifications') %>
     </h1>

app/views/personalization_settings/show.html.erb

@@ -1,6 +1,6 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow md:max-w-xl md:mx-auto">
+  <div class="flex-grow max-w-xl mx-auto">
     <p class="text-3xl md:text-4xl font-bold mb-4">
       <%= t('email_templates') %>
     </p>

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">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow md:max-w-xl md:mx-auto">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-3xl md:text-4xl font-bold mb-4">
       <%= t('profile') %>
     </h1>

app/views/shared/_settings_nav.html.erb

@@ -1,13 +1,14 @@
 <% expanded = local_assigns[:expanded] %>
-<% unless expanded %>
+<div class="<%= expanded ? 'block -mx-3 md:mx-0' : 'w-full md:w-52 flex-none' %>">
+  <% unless expanded %>
     <div class="md:hidden w-full">
       <a href="<%= settings_index_path %>" class="flex items-center space-x-0.5 font-medium">
         <%= svg_icon('arrow_left', class: 'w-4 h-4 stroke-2') %>
         <span><%= t('settings') %></span>
       </a>
     </div>
-<% end %>
+  <% end %>
-<div class="<%= expanded ? 'block -mx-3 md:mx-0' : 'hidden md:block w-full md:w-52 flex-none' %>">
+  <div class="<%= 'hidden md:block' unless expanded %>">
     <menu-active>
       <ul id="account_settings_menu" class="menu px-0">
         <% unless expanded %>
@@ -163,4 +164,5 @@
         <% end %>
       </div>
     <% end %>
+  </div>
 </div>

app/views/sms_settings/index.html.erb

@@ -1,6 +1,6 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow md:max-w-xl md:mx-auto">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-3xl md:text-4xl font-bold mb-4">SMS</h1>
     <%= render 'placeholder' %>
   </div>

app/views/sso_settings/index.html.erb

@@ -1,6 +1,6 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow md:max-w-xl md:mx-auto">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-3xl md:text-4xl font-bold mb-4">SAML SSO</h1>
     <%= render 'placeholder' %>
   </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">
   <%= render 'shared/settings_nav' %>
-  <div class="flex-grow md:max-w-xl md:mx-auto">
+  <div class="flex-grow max-w-xl mx-auto">
     <h1 class="text-3xl md:text-4xl font-bold mb-4">
       <%= t('storage') %>
     </h1>