fix

views/partials/popover-conversation.html

@@ -1,6 +1,6 @@
 <div class="dropdown is-up is-right {% if IsActive %} is-active {% endif %}" id="conversation-dropdown">
     <div class="dropdown-trigger">
-        <button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu3"
+        <button class="button is-small to-reduce-opacity" aria-haspopup="true" aria-controls="dropdown-menu3"
             hx-get="/refreshConversationSelection" hx-target="#conversation-dropdown" hx-swap="outerHTML"
             hx-vals="js:{IsActive: document.getElementById('conversation-dropdown').classList.contains('is-active')}">
             <span class="icon">

views/partials/popover-models.html

@@ -1,6 +1,6 @@
 <div class="dropdown is-up is-right" id="models-dropdown">
     <div class="dropdown-trigger">
-        <button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu3"
+        <button class="button is-small to-reduce-opacity" aria-haspopup="true" aria-controls="dropdown-menu3"
             onclick="this.parentElement.parentElement.classList.toggle('is-active')">
             <span class="icon"><i class="fa-solid fa-robot"></i></span>
         </button>

views/partials/popover-settings.html

@@ -1,7 +1,8 @@
 <div class="dropdown is-up is-right" id="settings-dropdown">
     <div class="dropdown-trigger">
-        <button class="button is-small {% if not AnyExists %} is-danger{% endif %}" aria-haspopup="true"
-            aria-controls="dropdown-menu3" onclick="this.parentElement.parentElement.classList.toggle('is-active')">
+        <button class="button is-small {% if not AnyExists %} is-danger{% endif %} to-reduce-opacity"
+            aria-haspopup="true" aria-controls="dropdown-menu3"
+            onclick="this.parentElement.parentElement.classList.toggle('is-active')">
             <span class="icon"><i class="fa-solid fa-bars"></i></i></span>
         </button>
     </div>

views/partials/popover-usage.html

@@ -1,6 +1,6 @@
 <div class="dropdown is-up is-right {% if IsActive %} is-active{% endif %}" id="usage-dropdown">
     <div class="dropdown-trigger">
-        <button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu3"
+        <button class="button is-small to-reduce-opacity" aria-haspopup="true" aria-controls="dropdown-menu3"
             onclick="this.parentElement.parentElement.classList.toggle('is-active')">
             <span class="icon"><i class="fa-regular fa-money-bill-1"></i></span>
         </button>