amuse.git

diff --git a/static/style/style.css b/static/style/style.css
index e91cdd77e84a39baa1850b5671a85232fd76198e..c7b85e9496c5751c14d7554ed1f7b973824d052b 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -77,18 +77,6 @@ 	--black: #121212;
 	--grey: #888888;
 	--unimportant: #ffffffb2;
 	--error: #892b30;
-	--shadow1: rgba(0,0,0,0.14);
-	--shadow2: rgba(0,0,0,0.12);
-	--shadow3: rgba(0,0,0,0.20);
-}
-
-@keyframes shadow {
-	from {
-		box-shadow: none;
-	}
-	to {
-		box-shadow: 0 8px 10px 1px var(--shadow1), 0 3px 14px 2px var(--shadow2), 0 5px 5px -3px var(--shadow3);
-	}
 }
 
 @media (prefers-color-scheme: dark) {
@@ -103,9 +91,6 @@ 		--black: #121212;
 		--grey: #888888;
 		--unimportant: #ffffffb2;
 		--error: #892b30;
-		--shadow1: rgba(255,255,255,0.14);
-		--shadow2: rgba(255,255,255,0.12);
-		--shadow3: rgba(255,255,255,0.20);
 	}
 }
 
@@ -720,6 +705,11 @@ .border-solid {
 	border-style: solid;
 }
 
+.border-tb-transparent {
+	border-top-color: transparent;
+	border-bottom-color: transparent;
+}
+
 .border-none {
 	border: none;
 }
@@ -748,16 +738,21 @@ .border-grey {
 	border-color: var(--grey);
 }
 
+.border-gradient {
+	border-image: linear-gradient(to bottom, transparent, var(--grey), transparent) 1 100%;
+}
+
 .no-outline {
 	outline: 0;
 }
 
-.no-outline:hover, .no-outline:active, .no-outline:focus {
+.no-outline:hover, .no-outline:focus {
+	border: solid .5px var(--grey);
+}
+
+.no-outline:active{
 	outline: 0;
-	animation-duration: 200ms;
-	animation-name: shadow;
-	animation-fill-mode: forwards;
-	animation-timing-function: ease-in-out;
+	border: solid .5px var(--accent);
 }
 
 /* HEIGHT */




diff --git a/templates/tvqueue.html b/templates/tvqueue.html
index 789ecfcbe7e88513c1bc8fd72894de96eb1558dc..2c6a2213439fd69be7f3a081bce39085956c24b8 100644
--- a/templates/tvqueue.html
+++ b/templates/tvqueue.html
@@ -56,7 +56,7 @@