From af8c9ff61aaf5d05ad07c877a3dee4b7bf754a67 Mon Sep 17 00:00:00 2001
From: Lanta <thijs@opzeker.it>
Date: Tue, 17 Jun 2025 19:11:09 +0200
Subject: [PATCH] video format

---
 includes/styles.css        | 8 ++++++++
 includes/styles_mobile.css | 7 +++++++
 videos.php                 | 2 +-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/includes/styles.css b/includes/styles.css
index ac7ca5e..7bd91d7 100644
--- a/includes/styles.css
+++ b/includes/styles.css
@@ -282,3 +282,11 @@ td, th {
     height: auto;
     max-height: none;
 }
+
+.video-title {
+    text-align: center;
+    font-size: 1.2em;
+    font-weight: bold;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
diff --git a/includes/styles_mobile.css b/includes/styles_mobile.css
index da632b7..f4cda5f 100644
--- a/includes/styles_mobile.css
+++ b/includes/styles_mobile.css
@@ -118,4 +118,11 @@ section h2 {
     align-items: center;
     margin-top: 0.5rem;
     gap: 0.5rem;
+}
+.video-title {
+    text-align: center;
+    font-size: 1.1em;
+    font-weight: bold;
+    margin-top: 8px;
+    margin-bottom: 8px;
 }
\ No newline at end of file
diff --git a/videos.php b/videos.php
index 1d5e1c1..6ef7b33 100644
--- a/videos.php
+++ b/videos.php
@@ -41,7 +41,7 @@ usort($videoData, function($a, $b) {
                                 <source src="media/videos/<?php echo htmlspecialchars($video['filename']); ?>" type="video/mp4">
                                 Your browser does not support the video tag.
                             </video>
-                            <p><?php echo pathinfo($video['filename'], PATHINFO_FILENAME); ?></p>
+                            <p class="video-title"><?php echo pathinfo($video['filename'], PATHINFO_FILENAME); ?></p>
                             <div class="video-controls">
                                 <button class="btn share-btn">Delen</button>
                                 <button class="btn theatre-btn">Theatermodus</button>