From a7a008ce5a1bfb1603058ab579975cd6fe9cc622 Mon Sep 17 00:00:00 2001
From: "Alexander \"Arav\" Andreev" <me@arav.top>
Date: Tue, 28 Jun 2022 04:28:34 +0400
Subject: [PATCH] Style for clickable column names.

---
 web/assets/css/main.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/web/assets/css/main.css b/web/assets/css/main.css
index 992a2cd..2cbc75b 100644
--- a/web/assets/css/main.css
+++ b/web/assets/css/main.css
@@ -153,6 +153,26 @@ td a:hover { transition: none; }
 td:nth-child(2),
 td:last-child { white-space: nowrap; }
 
+thead tr th.clickable {
+	cursor: pointer;
+}
+
+thead tr th.clickable:hover {
+	color: var(--secondary-color);
+}
+
+thead tr th.clickable:not(.sort-up):not(.sort-down)::after {
+	content: '⇅';
+}
+
+thead tr th.clickable.sort-up::after {
+	content: '↑';
+}
+
+thead tr th.clickable.sort-down::after {
+	content: '↓';
+}
+
 footer {
 	font-size: .8rem;
 	text-align: center;