widecards and season views

1 files changed, 20 insertions, 5 deletions

diff --git a/web/style/nodecard.css b/web/style/nodecard.css
index 011e415..76c4d3b 100644
--- a/web/style/nodecard.css
+++ b/web/style/nodecard.css
@@ -20,16 +20,16 @@
 .card .poster img {
     height: var(--card-size);
 }
-.card.aspect-port {
+.aspect-port {
     width: calc(var(--card-size) * var(--port-poster-aspect));
 }
-.card.aspect-land {
+.aspect-land {
     width: calc(var(--card-size) * var(--land-poster-aspect));
 }
-.card.aspect-thumb {
+.aspect-thumb {
     width: calc(var(--card-size) * var(--land-thumb-aspect));
 }
-.card.aspect-square {
+.aspect-square {
     width: calc(var(--card-size));
 }
 
@@ -119,7 +119,22 @@
 }
 
 .widecard {
-    
+    display: grid;
+    grid-template-columns: 1fr 10000fr;
+    width: 100%;
+}
+.widecard .poster {
+    grid-column: 1;
+}
+.widecard .details {
+    grid-column: 2;
+    margin: 1em;
+}
+.widecard .details .title {
+    font-size: large;
+}
+.widecard .details .props {
+    margin-bottom: 0.5em;
 }
 
 @media (max-width: 750px) {