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;
+}

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;
 }

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>