Refactored.

public/css/style.css

@@ -25,12 +25,33 @@ body {
     flex-direction: column;
     box-sizing: border-box;
     padding: 0 0 .5rem 0;;
+    border-radius: .25rem;
     margin: .5rem;
-    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
+    overflow: hidden;
+    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
 }
 
 .scene-banner {
     position: relative;
+    margin: 0 0 .5rem 0;
+}
+
+.scene-thumbnail {
+    width: 100%;
+    height: 200px;
+    display: block;
+    background-position: center;
+    background-size: cover;
+    object-fit: cover;
+}
+
+.scene-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-sizing: border-box;
+    padding: 0 .5rem;
+    margin: 0 0 .25rem 0;
 }
 
 .scene-details {
@@ -41,20 +62,21 @@ body {
     position: absolute;
 }
 
-.scene-thumbnail {
-    width: 100%;
-    height: 200px;
-    object-fit: cover;
-    background-position: center;
-    background-size: cover;
+.scene-site,
+.scene-date {
+    color: #fff;
+    background: rgba(0, 0, 0, .5);
+    font-size: .8rem;
+    padding: .25rem;
+    text-decoration: none;
 }
 
-.scene-row {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    padding: .1rem .5rem;
+.scene-site {
+    border-radius: 0 0 .25rem 0;
+}
+
+.scene-date {
+    border-radius: 0 0 0 .25rem;
 }
 
 .scene-info {
@@ -75,15 +97,6 @@ body {
     line-height: 1.5rem;
 }
 
-.scene-site,
-.scene-date {
-    color: #fff;
-    background: rgba(0, 0, 0, .5);
-    font-size: .8rem;
-    padding: .25rem;
-    text-decoration: none;
-}
-
 .scene-network {
     color: #555;
     margin: 0 .25rem 0 0;