From 1f63c9c79801f3212c0261f543fa4539431ec00c Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 14 Dec 2024 22:39:11 +0100
Subject: [PATCH] add tags item css improved. see #183

---
 popup/mzta-popup.css | 8 ++++++++
 popup/mzta-popup.js  | 3 +++
 2 files changed, 11 insertions(+)

diff --git a/popup/mzta-popup.css b/popup/mzta-popup.css
index 9cec02c8..c1b1ac72 100644
--- a/popup/mzta-popup.css
+++ b/popup/mzta-popup.css
@@ -62,6 +62,10 @@ body {
   .mzta_autocomplete-item-active {
       background-color: #e9e9e9;
   }
+
+  .prompt_add_tags{
+    background-color: #cfe9ff;
+  }
   
   
   @media (prefers-color-scheme: dark) {
@@ -96,4 +100,8 @@ body {
     .mzta_autocomplete-item-active {
         background-color: #444444;
     }
+
+    .prompt_add_tags{
+        background-color: #353542;
+      }
   }
\ No newline at end of file
diff --git a/popup/mzta-popup.js b/popup/mzta-popup.js
index 30f10b2a..764ad785 100644
--- a/popup/mzta-popup.js
+++ b/popup/mzta-popup.js
@@ -129,6 +129,9 @@ async function searchPrompt(allPrompts, tabId, tabType){
        itemDiv.classList.add('mzta_autocomplete-item');
        itemDiv.textContent = item.label;
        itemDiv.setAttribute('data-id', item.id);
+       if(item.id === 'prompt_add_tags'){
+         itemDiv.className += ' prompt_add_tags';
+       }
 
        // Add a mousedown event to select the item
        itemDiv.addEventListener('mousedown', function(e) { // Use mousedown instead of click