From acccbbdf214ca1c7c94d66ab5b075afc3e9f218d Mon Sep 17 00:00:00 2001
From: carlssonemil <hello@emilcarlsson.se>
Date: Wed, 21 Jul 2021 08:47:03 +0200
Subject: [PATCH] Inverse color theme and reduce horizontal padding

---
 src/components/VideoItem.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index 76ca7975..b843bc6e 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -12,8 +12,8 @@
                 />
                 <span 
                     v-if="video.duration"
-                    class="uk-label uk-border-rounded uk-position-absolute uk-dark" 
-                    style="bottom: 5px; right: 5px; opacity: .95;"
+                    class="uk-label uk-border-rounded uk-position-absolute video-duration" 
+                    style="bottom: 5px; right: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;"
                     >{{ timeFormat(video.duration) }}</span>
             </div>
             <p>{{ video.title }}</p>