From 46c2aa9150e89a9b7ac6b188ff0a7a7c15ed7d45 Mon Sep 17 00:00:00 2001
From: J-Klinke <julianklinke@posteo.de>
Date: Sat, 6 Jul 2024 20:50:58 +0200
Subject: [PATCH] design revisited

---
 src/main/resources/static/add.css  |  2 +-
 src/main/resources/static/main.css | 27 +++++++++++++++++++++------
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/main/resources/static/add.css b/src/main/resources/static/add.css
index e4cc24d..5bbac6e 100644
--- a/src/main/resources/static/add.css
+++ b/src/main/resources/static/add.css
@@ -128,7 +128,7 @@ form :has(#url) {
 #btn-bar {
     grid-column: 1 / 4;
     justify-content: end;
-    gap: 1rem;
+    gap: 1rem ;
 }
 
 /* button styling */
diff --git a/src/main/resources/static/main.css b/src/main/resources/static/main.css
index 0ed8d3a..a642afd 100644
--- a/src/main/resources/static/main.css
+++ b/src/main/resources/static/main.css
@@ -148,6 +148,14 @@ header {
     --icon-size: 2rem;
 }
 
+:is(.downvote-btn, .upvote-btn):disabled {
+    filter: brightness(1.75);
+}
+
+:is(.downvote-btn, .upvote-btn).isVoted {
+    filter: brightness(1.1);
+}
+
 .downvote-btn {
     transform: rotate(180deg);
 }
@@ -172,10 +180,6 @@ header {
     --icon-size: 1rem;
 }
 
-.isVoted {
-    filter: brightness(1.75);
-}
-
 .divider {
     width: .05rem;
     height: 1rem;
@@ -194,10 +198,21 @@ header {
     transition: filter ease-out 50ms;
 }
 
-.btn.flat:is(:hover, :focus-visible) {
+.btn.flat:is(:hover, :focus-visible):not(:disabled) {
     filter: brightness(1.5);
 }
 
-.btn.flat:active {
+.btn.flat:active:not(:disabled){
     filter: brightness(1.75);
 }
+
+select * {
+    background-color: var(--fg-color);
+    color: var(--text-color);
+
+}
+
+select::selection {
+    background-color: #554094;
+}
+