Add hover effect to highlight bottom border on all input fields

Author: TheDuffman85

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Send to ntfy",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "Send notifications to ntfy.sh with file attachments, priority, and tags",
   "permissions": [
     "activeTab",

popup.html

@@ -235,6 +235,12 @@
       outline: none;
     }
 
+    .form-input:hover,
+    .form-select:hover,
+    .form-textarea:hover {
+      border-bottom-color: var(--border-focus);
+    }
+
     .form-input:focus,
     .form-select:focus,
     .form-textarea:focus {
@@ -368,6 +374,11 @@
       transition: border-color 0.2s;
     }
 
+    .topics-container:hover,
+    .tags-container:hover {
+      border-bottom-color: var(--border-focus);
+    }
+
     .topics-container:focus-within,
     .tags-container:focus-within {
       border-bottom-color: var(--border-focus);