From c3fc375cc1985b152e46226c3d50bf42e216d139 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Mon, 3 Nov 2025 15:22:07 -0500
Subject: [PATCH] update

---
 components/video-modal.html | 4 ++--
 css/tailwind.source.css     | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/video-modal.html b/components/video-modal.html
index 64f7aa8b..0a77155b 100644
--- a/components/video-modal.html
+++ b/components/video-modal.html
@@ -157,12 +157,12 @@
               <div class="modal-info-panel">
                 <div class="video-modal__details flex flex-col gap-6">
                   <div
-                    class="video-modal__headline flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between"
+                    class="video-modal__headline flex flex-col gap-3 lg:flex-row lg:flex-wrap lg:items-start lg:justify-between"
                   >
                     <h2 id="videoTitle" class="video-modal__title"></h2>
                     <div
                       id="modalStatus"
-                      class="video-modal__status text-sm text-muted lg:text-right"
+                      class="video-modal__status text-sm text-muted lg:text-right lg:ml-auto"
                       role="status"
                       aria-live="polite"
                     >
diff --git a/css/tailwind.source.css b/css/tailwind.source.css
index 81186a28..943c4c82 100644
--- a/css/tailwind.source.css
+++ b/css/tailwind.source.css
@@ -2334,6 +2334,11 @@
       position: sticky;
       top: calc(var(--space-2xl) + var(--space-xl));
     }
+
+    .video-modal__status {
+      flex-basis: clamp(var(--space-xl), 25%, var(--space-3xl));
+      max-width: clamp(var(--space-xl), 25%, var(--space-3xl));
+    }
   }
 
   #playerModal .video-modal__video video {