From d48951fe009fc1328e1c9c825c2f0001a9bd58eb Mon Sep 17 00:00:00 2001
From: patriceac <48073125+patriceac@users.noreply.github.com>
Date: Sun, 27 Nov 2022 16:26:01 -0800
Subject: [PATCH] Visual feedback on button click

When there are too many tasks and the top of the list is not visible, there is no visual feedback that a task has been successfully added to the queue.

Adding a subtle visual feedback on buttons upon click to reflect that the mouse event was taken into account.
---
 ui/media/css/main.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 0cf83302..6fb4f651 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -997,6 +997,9 @@ button:hover {
 button:active {
   transition-duration: 0.1s;
   background-color: hsl(var(--accent-hue), 100%, calc(var(--accent-lightness) + 24%));
+  position: relative;
+  top: 1px;
+  left: 1px;
 }
 
 button#save-system-settings-btn {