item view improved, read more progress

item/item.css

@@ -39,7 +39,6 @@
 }
 .detailImageContainerCard:not(.imageWidthTest) {
   width: 100% !important;
-  margin-bottom: 13vw;
 }
 .detailImageContainerCard .cardBox {
   -webkit-margin-end: 0 !important;
@@ -80,7 +79,6 @@
   width: clamp(6vw, 20.5em, 14vw);
 }
 .detailImageContainer-main.detailImageContainer-backdrop {
-  width: 28vw;
   width: clamp(20vw, 49.5em, 28vw);
   top: 5em;
 }
@@ -267,23 +265,30 @@
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
+  position: absolute;
+  width: 80ch;
   font-weight: 520;
   margin: 0.5em;
+  top: 0;
+  left: -0.5vw;
 }
 .overview-text:hover {
   display: block;
   overflow: visible;
-  position: relative;
   z-index: 100;
-  max-height: none;
   border-radius: 0.5em;
+  position: absolute;
+  width: 80ch;
+  top: 0;
+  left: -0.5vw;
+  background-color: black;
 }
-
 .btnReadMore {
   pointer-events: none;
   color: var(--theme-accent-text-color-darkbg);
+  position: absolute;
+  display: none;
 }
-
 .btnOverviewText.emby-button-focusscale:focus {
   -webkit-transform: scale(1.04);
   transform: scale(1.04);
@@ -420,7 +425,7 @@
     margin-bottom: 1em;
   }
   .detailImageContainer-main-extrabottommargin {
-    margin-bottom: -3em;
+    margin-bottom: 0;
   }
 }
 .tracklist-sidemargin {
@@ -429,7 +434,7 @@
 }
 .detailTextContainer {
   margin: 0 0;
-  padding: 5em 1em;
+  padding: 2vw 2vw 20vw;
 }
 .detailTextContainer-extrapadding {
   padding: 0 1.6em;
@@ -438,7 +443,7 @@
   margin: 0.5em 0;
 }
 .directors {
-  margin: 0.5em 0;
+  display: none;
 }
 @media not all and (min-width: 50em) {
   .overview-twoline {

item/item.js

@@ -793,7 +793,7 @@ define([
                 ))
               : ((hasFocusableButton = !0),
                 parentNameHtml.push(
-                  '<a style="font-weight:inherit;" class="button-link button-link-color-inherit" is="emby-linkbutton" href="' +
+                  '<a style="font-weight:inherit;font-size:20px" class="button-link button-link-color-inherit" is="emby-linkbutton" href="' +
                     parentRoute +
                     '">' +
                     seriesName +

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

@@ -32,9 +32,9 @@
 .emby-button::-moz-focus-inner {
   border: 0;
 }
-.emby-button:hover {
+/* .emby-button:hover { */
-  background-color: #FFFFFF33;
+/*   background-color: #FFFFFF33; */
-}
+/* } */
 .emby-button:active {
   background-color: hsla(var(--theme-primary-color-hue),
   var(--theme-primary-color-saturation),

modules/sections.css

@@ -126,6 +126,7 @@
 .padded-right {
   -webkit-padding-end: 3.4%;
   padding-inline-end: 3.4%;
+  padding-inline-start: 5%;
 }
 .padded-left-withalphapicker {
   -webkit-padding-start: 4%;