From 78bcd6d26fc3488e44508718126a03460c710d89 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 8 Jan 2026 02:30:46 +0100
Subject: [PATCH] Update video row layout and CTA positioning in index.css

---
 client/src/index.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index 4cacd21..1adcd5f 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -218,10 +218,11 @@ h4 {
 }
 
 .video-row {
-  display: grid;
-  grid-template-columns: 1fr 220px;
-  align-items: start;
-  gap: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  position: relative;
 }
 
 .video-actions {
@@ -230,10 +231,9 @@ h4 {
 }
 
 .video-cta {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  height: 100%;
+  position: absolute;
+  right: 0;
+  bottom: 0.5rem;
 }
 
 .video-cta .button {
@@ -243,10 +243,10 @@ h4 {
 
 @media (max-width: 820px) {
   .video-row {
-    grid-template-columns: 1fr;
+    align-items: center;
   }
   .video-cta {
-    justify-content: center;
+    position: static;
   }
 }