From d08af5c63c7ab9382cb36534abec36c96a455257 Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Wed, 8 Dec 2021 11:32:13 +0800
Subject: [PATCH] Duration: center text;  fix uneven space for "/" time divider

---
 ui/scss/component/_file-render.scss | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index 242bbe174..d5b769638 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -412,10 +412,26 @@ $control-bar-icon-size: 0.7rem;
       display: none;
     }
 
-    .vjs-current-time,
-    .vjs-time-divider,
+    .vjs-time-control {
+      line-height: $control-bar-height;
+      font-size: $control-bar-font-size;
+    }
+
+    .vjs-current-time {
+      display: flex;
+      margin-right: 0.4rem;
+    }
+
+    .vjs-time-divider {
+      display: flex;
+      min-width: unset;
+      padding: 0;
+      z-index: 0; // solves the grayed-out divider
+    }
+
     .vjs-duration {
       display: flex;
+      margin-left: 0.4rem;
     }
 
     .vjs-menu-button {