From 16b3d12670682409bbd9db4e199c911e68211888 Mon Sep 17 00:00:00 2001
From: eric1tran <eric1tran@gmail.com>
Date: Thu, 10 Dec 2020 00:55:00 +0000
Subject: [PATCH] Keep configuration buttons highlighted while active and some
 styling

---
 public_html/script.js | 2 ++
 public_html/style.css | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/public_html/script.js b/public_html/script.js
index b5628de..935285a 100644
--- a/public_html/script.js
+++ b/public_html/script.js
@@ -391,11 +391,13 @@ function initialize() {
         })
 
         $('#column_select_button').on('click', function() {
+                this.classList.toggle("config_button_active");
                 $('#column_select_panel').toggle();
         });
 
 
         $('#filter_button').on('click', function() {
+                this.classList.toggle("config_button_active");
                 $('#filter_panel').toggle();
         });
 
diff --git a/public_html/style.css b/public_html/style.css
index cf72855..3782ca7 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -854,7 +854,7 @@ select.error, textarea.error, input.error {
     width: 125px;
 }
 
-.config_button:hover {
+.config_button:hover, .config_button_active {
     background-color: #abcad8;
 }
 
@@ -867,7 +867,7 @@ select.error, textarea.error, input.error {
 
 .panel {
     position: relative;
-    padding: 3px 3px 6px 3px;
+    padding: 3px 3px 10px 3px;
     display: none;
     margin-bottom: 5px;
     border: solid;