UX prettified in the menu again

modules/cardbuilder/card.css

@@ -25,6 +25,10 @@
   webkit-transform: scale(1.03);
   text-shadow: 2px 2px 5px black;
 }
+.card:active {
+  transform: scale(1);
+  text-shadow 0 0 0;
+}
 .card.itemAction {
   cursor: pointer;
 }

modules/emby-elements/emby-button/emby-button.css

@@ -207,6 +207,13 @@
   z-index: 1;
   vertical-align: middle;
 }
+.paper-icon-button-light:hover {
+  background: hsla(
+      var(--theme-text-color-hue),
+      var(--theme-text-color-saturation),
+      var(--theme-text-color-lightness),
+      0.2);
+}
 .paper-icon-button-light.md-icon {
   font-size: 1.66956521739130434em;
   margin: 0 0.17em;

modules/themes/appletv/theme.css

@@ -1139,8 +1139,11 @@ html {
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1387,7 +1390,8 @@ html {
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;

modules/themes/black/theme.css

@@ -1135,8 +1135,11 @@ html,
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1389,7 +1392,8 @@ html,
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;

modules/themes/dark/theme.css

@@ -1167,8 +1167,11 @@ html,
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1421,7 +1424,8 @@ html,
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;

modules/themes/darkgradient/theme.css

@@ -1260,8 +1260,11 @@ html {
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1506,7 +1509,8 @@ html {
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;

modules/themes/light/theme.css

@@ -1099,8 +1099,11 @@ html,
   }
 }
 .scrollbuttoncontainer {
-  color: #fff;
-  background: rgba(20, 20, 20, 0.5);
+  color: white;
+  background: hsla(var(--theme-text-color-hue),
+  var(--theme-text-color-saturation),
+  var(--theme-text-color-lightness),0.35);
+  border-radius: 0.7em;
 }
 .recordingIcon-active {
   color: #c33 !important;
@@ -1355,7 +1358,8 @@ html,
     );
   }
   .detailMainContainer-withbackdrop {
-    text-shadow: 0.14em 0.14em 0.28em rgba(0, 0, 0, 0.45);
+    text-shadow: 0.18em 0.18em 0.28em rgba(0, 0, 0, 0.45);
+    padding-bottom: 11em;
   }
   .details-additionalContent-withbackdrop {
     --theme-text-color-alpha: 0.85;