fix mobile layout

app/views/shared/_navbar.html.erb

@@ -10,7 +10,7 @@
   </div>
   <% if signed_in? %>
     <div class="space-x-6">
-      <%= link_to 'Settings', settings_profile_index_path, class: 'font-medium text-lg' %>
+      <%= link_to 'Settings', settings_profile_index_path, class: 'hidden md:inline font-medium text-lg' %>
       <div class="dropdown dropdown-end">
         <label tabindex="0" class="cursor-pointer bg-base-content text-purple-300 rounded-full p-2 w-9 justify-center flex">
           <span class="text-sm align-text-top"><%= current_user.initials %></span>

app/views/shared/_settings_nav.html.erb

@@ -1,5 +1,5 @@
-<div>
+<div class="block w-full md:w-52">
-  <menu-active class="block w-full md:w-52">
+  <menu-active>
     <ul class="menu px-0">
       <li class="menu-title py-0"><span>Settings</span></li>
       <li></li>
@@ -25,7 +25,7 @@
       </li>
     </ul>
   </menu-active>
-  <div class="mx-4 border-t border-base-300">
+  <div class="mx-4 border-t border-base-300 hidden md:block">
     <div class="text-sm mt-3">
       Need help? Ask a question:
     </div>
@@ -40,7 +40,7 @@
         <%= svg_icon('brand_twitter', class: 'w-8 h-8') %>
       </a>
     </div>
-    <a href="https://twitter.com/intent/tweet?<%= { text: "Open source DocuSign alternative\n#{Docuseal::GITHUB_URL} #{Docuseal::TWITTER_HANDLE}" }.to_query %>" target="_blank" class="btn btn-neutral btn-outline w-full mt-6">
+    <a href="https://twitter.com/intent/tweet?<%= { text: "Open source DocuSign alternative\n#{Docuseal::GITHUB_URL} #{Docuseal::TWITTER_HANDLE}" }.to_query %>" target="_blank" class="btn btn-neutral btn-outline w-full mt-5">
       <%= svg_icon('send', class: 'h-5 w-5') %>
       Tell about us
     </a>