optimize dashboard on mobile

app/views/shared/_clipboard_copy.html.erb

@@ -3,13 +3,13 @@
     <input type="radio" class="peer hidden">
     <span class="peer-checked:hidden flex items-center space-x-2">
       <%= svg_icon('link', class: local_assigns[:icon_class] || 'w-6 h-6 text-white') %>
-      <span>
+      <span class="hidden md:inline">
         <%= local_assigns[:copy_title] || 'Copy' %>
       </span>
     </span>
     <span class="hidden peer-checked:flex items-center space-x-2">
       <%= svg_icon('clipboard_copy', class: local_assigns[:icon_class] || 'w-6 h-6 text-white') %>
-      <span>
+      <span class="hidden md:inline">
         <%= local_assigns[:copied_title] || 'Copied' %>
       </span>
     </span>

app/views/shared/_flash.html.erb

@@ -1,15 +1,17 @@
 <div id="flash" class="absolute top-0 w-full h-0">
   <div class="max-w-xl mx-auto mt-1.5">
-    <div class="alert py-3">
-      <% if flash[:notice] %>
-        <%= svg_icon('info_circle', class: 'stroke-info flex-shrink-0 w-6 h-6') %>
-      <% else %>
-        <%= svg_icon('exclamation_circle', class: 'stroke-error flex-shrink-0 w-6 h-6') %>
-      <% end %>
-      <div>
-        <span><%= flash[:notice] || flash[:alert] %></span>
+    <div class="px-4 py-3 rounded-2xl bg-base-200 flex items-center justify-between mx-4 md:mx-0">
+      <div class="flex items-center space-x-3">
+        <% if flash[:notice] %>
+          <%= svg_icon('info_circle', class: 'stroke-info flex-none w-6 h-6') %>
+        <% else %>
+          <%= svg_icon('exclamation_circle', class: 'stroke-error flex-none w-6 h-6') %>
+        <% end %>
+        <div>
+          <span><%= flash[:notice] || flash[:alert] %></span>
+        </div>
       </div>
-      <a href="#" onclick="[event.preventDefault(), window.flash.remove()]">&times;</a>
+      <a href="#" onclick="[event.preventDefault(), window.flash.remove()]" class="mr-1">&times;</a>
     </div>
   </div>
 </div>

app/views/shared/_logo.html.erb

@@ -1,4 +1,4 @@
-<svg height="<%= local_assigns.fetch(:height, '37px') %>" width="<%= local_assigns.fetch(:width, '37px') %>" class="<%= local_assigns[:class] %>" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.998 511.998" xml:space="preserve">
+<svg height="<%= local_assigns.fetch(:height, '37') %>" width="<%= local_assigns.fetch(:width, '37') %>" class="<%= local_assigns[:class] %>" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.998 511.998" xml:space="preserve">
   <path style="fill:#C8AF9B;" d="M503.999,247.999c0,128.13-111.033,240-248,240S8,376.129,8,247.999s111.033-224,248-224
     S503.999,119.869,503.999,247.999z" />
   <path style="fill:#AA968C;" d="M255.999,23.999C119.033,23.999,8,119.868,8,247.999c0,24.631,4.138,48.647,11.74,71.397

app/views/shared/_navbar.html.erb

@@ -6,11 +6,11 @@
   <% if signed_in? %>
     <div class="space-x-6">
       <%= link_to 'Settings', settings_profile_index_path, class: 'font-medium text-lg' %>
-      <div class="dropdown dropdown-end z-50">
+      <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>
         </label>
-        <ul tabindex="0" class="dropdown-content p-2 mt-2 shadow menu text-base bg-base-100 rounded-box whitespace-nowrap">
+        <ul tabindex="0" class="z-10 dropdown-content p-2 mt-2 shadow menu text-base bg-base-100 rounded-box whitespace-nowrap">
           <li>
             <%= link_to 'Profile', settings_profile_index_path, class: 'text-right' %>
           </li>

app/views/shared/_settings_nav.html.erb

@@ -1,6 +1,6 @@
 <menu-active class="block w-full md:w-52">
-  <div class="-ml-6">
-    <ul class="menu">
+  <div class="">
+    <ul class="menu px-0">
       <li class="menu-title py-0"><span>Settings</span></li>
       <li></li>
       <li>