From 0c12a3849da1d2d94f9697e0cfe5b196287dff03 Mon Sep 17 00:00:00 2001
From: Samuel Johnson <sjohnson1149@proton.me>
Date: Wed, 10 Dec 2025 21:18:00 -0500
Subject: Fix youtube embed functionality

---
 static/app.css                     | 8 +++++++-
 ui/html/pages/video_feed.tmpl.html | 4 +++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/static/app.css b/static/app.css
index b5ff52a..fb2f330 100644
--- a/static/app.css
+++ b/static/app.css
@@ -117,7 +117,13 @@ input {
     background-color: rgba(255, 255, 255, 0.8);
 }
 
-.video {
+.video_container {
+    display: flex;
+    justify-content: center;
+}
+
+iframe {
+    aspect-ratio: 16 / 9;
     width: 100% !important;
     background-color: rgba(0, 0, 0, 1.0);
 }
diff --git a/ui/html/pages/video_feed.tmpl.html b/ui/html/pages/video_feed.tmpl.html
index 83332f2..373a62d 100644
--- a/ui/html/pages/video_feed.tmpl.html
+++ b/ui/html/pages/video_feed.tmpl.html
@@ -6,7 +6,9 @@
         <div class="card">
             <div class="header">
                 <h4><b>{{.Title}} - {{.Published}}</b></h4>
-                <iframe class="video" src="{{.Link}}"></iframe>
+                <div class="video_container">
+                    <iframe src="{{.Link}}"></iframe>
+                </div>
             </div>
             <p>{{.Description}}</p>
         </div>
-- 
cgit v1.2.3