Added navbar hover

app/views/admin/jobs/index.html.erb

@@ -1,7 +1,7 @@
 <% content_for :title, "Benutzerliste" %>
 <h1 class="font-bold text-4xl py-4 text-hsrm-gray">Alle Druckaufträge</h1>
 <% if @calendar %>
-  <%= link_to icon("magnifying-glass", class: "icon size-5 mr-3") + 'Filter', admin_jobs_path(), class: "px-4 py-2 hover:bg-gray-50 hover:text-hsrm-red border-b-4 hover:border-hsrm-red-light" %>
+  <%= link_to icon("magnifying-glass", class: "icon size-5 mr-3") + 'Filter', admin_jobs_path(), class: "px-4 py-2 hover:bg-gray-100 hover:text-hsrm-red border-b-4 hover:border-hsrm-red-light" %>
   <%= content_tag :span, icon("calendar", class: "icon size-5 mr-3") + 'Kalender', class: "px-4 py-2 border-b-4 border-hsrm-red-light" %>
   <div class="pt-2">
     <%== pagy_nav(@calendar[:year]) %>
@@ -9,7 +9,7 @@
   </div>
 <% else %>
   <%= content_tag :span, icon("magnifying-glass", class: "icon size-5 mr-3") + 'Filter', class: "px-4 py-2 border-b-4 border-hsrm-red-light" %>
-  <%= link_to icon("calendar", class: "icon size-5 mr-3") + 'Kalender', admin_jobs_path(calendar: true), class: "px-4 py-2 hover:text-hsrm-red border-b-4 hover:border-hsrm-red-light" %>
+  <%= link_to icon("calendar", class: "icon size-5 mr-3") + 'Kalender', admin_jobs_path(calendar: true), class: "px-4 py-2 hover:bg-gray-100 hover:text-hsrm-red border-b-4 hover:border-hsrm-red-light" %>
   <div class="flex items-center justify-between py-4">
     <%= search_form_for @q, data: { turbo_frame: :admin_jobs, turbo_action: 'advance' }, url: admin_jobs_path() do |f| %>
       <%= f.search_field :costumer_firstname_or_costumer_lastname_or_pdf_blob_filename_cont, placeholder: "Suchen", oninput: 'this.form.requestSubmit();' %>

app/views/layouts/_header.html.erb

@@ -3,24 +3,24 @@
   <nav>
     <ul class="flex justify-center space-x-2 font-semibold items-color">
       <li class="relative">
-        <button class="px-4 py-2 cursor-default hover:text-hsrm-red border-b-4 <%= root_tab? && 'border-hsrm-red-light' || 'hover:border-hsrm-red-light' %>">
+        <button class="px-4 py-2 hover:text-hsrm-red border-b-4 <%= root_tab? && 'border-hsrm-red-light' || 'hover:border-hsrm-red-light hover:bg-gray-100' %>">
           <%= link_to "Aktuelle Druckaufträge", root_path %>
         </button>
       </li>
       <% if user_signed_in? %>
         <li class="relative">
-          <button class="px-4 py-2 cursor-default hover:text-hsrm-red border-b-4 <%= profile_tab? && 'border-hsrm-red-light' || 'hover:border-hsrm-red-light' %>">
+          <button class="px-4 py-2 hover:text-hsrm-red border-b-4 <%= profile_tab? && 'border-hsrm-red-light' || 'hover:border-hsrm-red-light hover:bg-gray-100' %>">
             <%= link_to "Profil", profile_path %>
           </button>
         </li>
         <% if (current_user.admin? || current_user.operator?) %>
           <li class="relative">
-            <button class="px-4 py-2 cursor-default <%= current_user.admin? && 'hover:text-hsrm-red' || 'text-hsrm-gray-light'  %> border-b-4 <%= admin_tab? && 'border-hsrm-red-light' || 'hover:border-hsrm-red-light' %>">
+            <button class="px-4 py-2 <%= current_user.admin? && 'hover:text-hsrm-red' || 'text-hsrm-gray-light'  %> border-b-4 <%= admin_tab? && 'border-hsrm-red-light' || 'hover:border-hsrm-red-light hover:bg-gray-100' %>">
               <%= link_to_if current_user.admin?, "Admin", admin_dashboard_path %>
             </button>
           </li>
           <li class="relative">
-            <button class="px-4 py-2 cursor-default hover:text-hsrm-red border-b-4 <%= operator_tab? && 'border-hsrm-red-light' || 'hover:border-hsrm-red-light'  %>">
+            <button class="px-4 py-2 hover:text-hsrm-red border-b-4 <%= operator_tab? && 'border-hsrm-red-light' || 'hover:border-hsrm-red-light hover:bg-gray-100'  %>">
               <%= link_to 'Operator', operator_jobs_path  %>
             </button>
           </li>