From 00fe5645e4492bd663f25501cc46c7c2746a8b74 Mon Sep 17 00:00:00 2001
From: Brian Love <bl711@georgetown.edu>
Date: Mon, 25 Sep 2023 11:33:38 -0400
Subject: [PATCH] Improve visibility of column sort state adjust sliders

Highlight the ascending/descending arrow to improve the visibility of
the column's current sort state.  Slightly reduce the size of the
slider handles.

Closes #97, closes #98
---
 web/gui-v2/src/components/HeaderSlider.jsx  | 7 +++++--
 web/gui-v2/src/components/ListViewTable.jsx | 7 +++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/gui-v2/src/components/HeaderSlider.jsx b/web/gui-v2/src/components/HeaderSlider.jsx
index bcc14bde..ac159289 100644
--- a/web/gui-v2/src/components/HeaderSlider.jsx
+++ b/web/gui-v2/src/components/HeaderSlider.jsx
@@ -4,8 +4,6 @@ import { Slider } from '@mui/material';
 
 import { debounce } from '../util';
 
-// import { LabelStyled } from '@eto/eto-ui-components';
-
 const styles = {
   wrapper: css`
     display: flex;
@@ -16,6 +14,11 @@ const styles = {
   slider: css`
     margin: 0 6px;
     width: calc(100% - 12px);
+
+    .MuiSlider-thumb {
+      height: 10px;
+      width: 10px;
+    }
   `,
 };
 
diff --git a/web/gui-v2/src/components/ListViewTable.jsx b/web/gui-v2/src/components/ListViewTable.jsx
index 7becbd2b..38abc421 100644
--- a/web/gui-v2/src/components/ListViewTable.jsx
+++ b/web/gui-v2/src/components/ListViewTable.jsx
@@ -81,6 +81,13 @@ const styles = {
         width: 100%;
       }
     }
+
+    svg.MuiSvgIcon-root.MuiTableSortLabel-icon {
+      background-color: var(--bright-blue);
+      color: white;
+      padding: 2px;
+      margin-left: 1rem;
+    }
   `,
   shortDropdown: css`
     .MuiPaper-root {