Update data_gc_tab.html

data_gc_tab.html

@@ -142,37 +142,29 @@
           box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
           transition: background-color 0.3s ease;
          }
-        #filter-clear:hover {
-        background-color: #388E3C;
-        }
-         #download-json {
-          padding: 10px 20px;
-          background-color: #4CAF50;
-          color: white;
-          border: none;
-          cursor: pointer;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-          transition: background-color 0.3s ease;
-         }
-        #download-json:hover {
-        background-color: #388E3C;
-        }
-   #take-for-yourself {
-    padding: 10px 20px;
+#filter-field2, #filter-value2 {
+    padding: 10px;
     font-size: 16px;
     margin: 5px;
     border-radius: 5px;
     border: 1px solid #ccc;
-    background-color: #4CAF50;
-    color: white;
-    cursor: pointer;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    transition: background-color 0.3s ease;
+    background-color: #f0f0f0;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+#filter-field2:focus, #filter-value2:focus {
+    border-color: #4CAF50;
+    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
 }
-#take-for-yourself:hover {
-    background-color: #388E3C;
-}   
-    </style>
+
+#filter-field2 option {
+    background-color: #f0f0f0;
+    color: #333;
+}
+
+#filter-field2:hover, #filter-value2:hover {
+    border-color: #4CAF50;
+}  </style>
 
 <style>
     .swal-button-custom {