Changed layout of episode cards for better readability

andromeda.css

@@ -242,15 +242,26 @@
 
 /* Resize episode view */
 .listItem-content {
+    position: relative;
     height: 7.73em; /* Set height of container */
+    --poster-margin: .75em;
+    --poster-width: 19.5vw;
 }
-/* Fit content to container */
+
+/* Resize episode poster */
 .listItem-content .listItemImage.listItemImage-large {
+    margin-right: var(--poster-margin);
+    width: var(--poster-width);
     height: 100%;
+    background-position: 50%;
 }
+
+/* Resize episode body */
 .listItem-content .listItemBody {
-    padding: 0 .75em;
+    position: absolute;
+    left: calc(var(--poster-width) + var(--poster-margin));
     height: 100%;
+    padding: 0 .75em;
     display: flex;
     flex-flow: column;
 }
@@ -266,7 +277,7 @@
     padding-top: .5em;
 }
 
-/* Add fade-out on overflow */
+/* Add fade-out on episode body overflow */
 .listItem-content .listItemBody .listItem-overview p {
     margin: 0;
     height: 100%;
@@ -278,6 +289,13 @@
     ) 100% 50% / 100% 100% repeat-x;
 }
 
+/* Position episode buttons */
+.listItem-content .listViewUserDataButtons {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+}
+
 /* Floating indicator */
 .innerCardFooter {
     margin: .5em;