From 2d2696e4eeedc6b30e20cf00a10c7a707190d431 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mnvr.in>
Date: Thu, 27 Mar 2025 10:33:45 +0530
Subject: [PATCH] two line?

---
 web/apps/photos/src/styles/photoswipe.css            | 10 +++++++---
 web/packages/gallery/components/viewer/photoswipe.ts |  5 ++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/apps/photos/src/styles/photoswipe.css b/web/apps/photos/src/styles/photoswipe.css
index 50f6ff0687..46ee32303b 100644
--- a/web/apps/photos/src/styles/photoswipe.css
+++ b/web/apps/photos/src/styles/photoswipe.css
@@ -217,15 +217,19 @@
     flex-direction: column;
 }
 
-
 /* Hide the controls if they're not associated to a media-controller. */
 media-control-bar:not([mediacontroller]) {
     display: none;
 }
 
 media-loading-indicator {
-  /* Similar to the top bar loading indicator */
-  --media-icon-color: rgba(255 255 255 / 0.6);
+    /* Similar to the top bar loading indicator */
+    --media-icon-color: rgba(255 255 255 / 0.6);
+}
+
+/* Used as a spacer. */
+media-text-display {
+    flex-grow: 1;
 }
 
 /*
diff --git a/web/packages/gallery/components/viewer/photoswipe.ts b/web/packages/gallery/components/viewer/photoswipe.ts
index 7bce84acd8..15903adc7e 100644
--- a/web/packages/gallery/components/viewer/photoswipe.ts
+++ b/web/packages/gallery/components/viewer/photoswipe.ts
@@ -1173,10 +1173,13 @@ const hlsVideoControlsHTML = () => `
   <media-control-bar>
     <media-loading-indicator noautohide></media-loading-indicator>
   </media-control-bar>
+  <media-control-bar>
+    <media-time-range></media-time-range>
+  </media-control-bar>
   <media-control-bar>
     <media-play-button></media-play-button>
     <media-mute-button></media-mute-button>
-    <media-time-range></media-time-range>
+    <media-text-display></media-text-display>
     <media-time-display showduration notoggle></media-time-display>
     <media-pip-button></media-pip-button>
     <media-airplay-button></media-airplay-button>