From 02e5073811f3305158164936da6cecb7f034e00d Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sun, 7 Mar 2021 21:36:50 +0100
Subject: [PATCH] improve sorting/filtering colors for tables

---
 input.scss |  1 -
 styles.css | 14 ++++++++++++--
 table.scss | 20 ++++++++++++++++++--
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/input.scss b/input.scss
index fb5056f..a5498fc 100644
--- a/input.scss
+++ b/input.scss
@@ -183,7 +183,6 @@ textarea, .textarea {
 label.radio, label.checkbox {
     display: flex;
     align-items: center;
-    margin-bottom: 5px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
diff --git a/styles.css b/styles.css
index 8d6ff78..5771672 100644
--- a/styles.css
+++ b/styles.css
@@ -3753,7 +3753,6 @@ textarea, .textarea {
 label.radio, label.checkbox {
   display: flex;
   align-items: center;
-  margin-bottom: 5px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -4460,6 +4459,17 @@ table:not([id]) > thead .sort-asc, table:not([id]) > thead .sort-desc {
 table .order-up, table .order-down {
   cursor: pointer; }
 
+table thead input[type=radio] {
+  padding: 0;
+  margin: 0;
+  display: none; }
+
+table thead i.fa {
+  color: #888; }
+
+table input[type=radio]:checked + i {
+  color: var(--button-colored-background); }
+
 table .sort-asc, table .sort-desc, table .filter {
   padding: 0 5px 0 5px;
   cursor: pointer; }
@@ -4521,7 +4531,7 @@ table.default {
   font-size: 0.9em;
   box-sizing: border-box;
   overflow-x: auto; }
-  table.default :not(.tag) > .fa {
+  table.default tbody :not(.tag) > .fa {
     color: var(--button-colored-background); }
   table.default caption {
     font-size: 1.5rem;
diff --git a/table.scss b/table.scss
index f2dc531..bae7587 100644
--- a/table.scss
+++ b/table.scss
@@ -12,6 +12,20 @@ table .order-up, table .order-down {
     cursor: pointer;
 }
 
+table thead input[type=radio] {
+    padding: 0;
+    margin: 0;
+    display: none;
+}
+
+table thead i.fa {
+    color: #888;
+}
+
+table input[type=radio]:checked + i {
+    color: var(--button-colored-background);
+}
+
 table .sort-asc, table .sort-desc, table .filter {
     padding: 0 5px 0 5px;
     cursor: pointer;
@@ -33,8 +47,10 @@ table.default {
     box-sizing: border-box;
     overflow-x: auto;
 
-    :not(.tag) > .fa {
-        color: var(--button-colored-background);
+    tbody {
+        :not(.tag) > .fa {
+            color: var(--button-colored-background);
+        }
     }
 
     caption {