From 79a48df75cbc7ef23cc197b67414361253edbd10 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Tue, 14 Dec 2021 16:31:35 +0100
Subject: [PATCH] Updated video card frontend rendering

Refs https://github.com/TryGhost/Team/issues/1229
---
 core/frontend/src/cards/css/video.css | 24 +++++-------------------
 1 file changed, 5 insertions(+), 19 deletions(-)

diff --git a/core/frontend/src/cards/css/video.css b/core/frontend/src/cards/css/video.css
index 18ecafbb4c..918147aa3d 100644
--- a/core/frontend/src/cards/css/video.css
+++ b/core/frontend/src/cards/css/video.css
@@ -1,27 +1,9 @@
 .kg-video-card video {
+    display: block;
     max-width: 100%;
     height: auto;
 }
 
-.kg-video-thumbnail {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 80px;
-    min-width: 80px;
-    margin: 8px;
-    background: var(--ghost-accent-color);
-    object-fit: cover;
-    aspect-ratio: 1/1;
-    border-radius: 3px;
-}
-
-.kg-video-thumbnail svg {
-    width: 24px;
-    height: 24px;
-    fill: white;
-}
-
 .kg-video-card {
     position: relative;
     --seek-before-width: 0%;
@@ -29,6 +11,10 @@
     --buffered-width: 0%;
 }
 
+.kg-video-container {
+    position: relative;
+}
+
 .kg-video-overlay {
     position: absolute;
     top: 0;