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

---
 client/src/index.css | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index d9f5512..4cacd21 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -218,10 +218,10 @@ h4 {
 }
 
 .video-row {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
+  display: grid;
+  grid-template-columns: 1fr 220px;
+  align-items: start;
+  gap: 0.75rem;
 }
 
 .video-actions {
@@ -231,7 +231,9 @@ h4 {
 
 .video-cta {
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
+  align-items: center;
+  height: 100%;
 }
 
 .video-cta .button {
@@ -239,6 +241,15 @@ h4 {
   font-size: 1.05rem;
 }
 
+@media (max-width: 820px) {
+  .video-row {
+    grid-template-columns: 1fr;
+  }
+  .video-cta {
+    justify-content: center;
+  }
+}
+
 .ig-block {
   display: flex;
   gap: 0.75rem;