From 11a20cf0f8497ddb44829ae1186d3c73836c0607 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Wed, 7 Jan 2026 23:33:07 +0100
Subject: [PATCH] Update video styling and add compact class

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

diff --git a/client/src/index.css b/client/src/index.css
index 15c8723..4b15710 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -166,12 +166,35 @@ h4 {
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
+  max-width: 960px;
 }
 
 .video-shell video {
   width: 100%;
   height: auto;
   display: block;
+  aspect-ratio: 9 / 16;
+  max-height: 75vh;
+  object-fit: contain;
+}
+
+.video-shell.compact {
+  max-width: 460px;
+  margin-left: auto;
+  margin-right: auto;
+  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
+}
+
+.video-row {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.video-actions {
+  display: flex;
+  justify-content: center;
 }
 
 .ig-block {