From 9b9b9de88a0b6af267f6a7492bedc87cb7b81905 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Fri, 29 Nov 2024 22:30:26 -0500
Subject: [PATCH] Adjust styles

---
 src/Styles/Index.scss | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/Styles/Index.scss b/src/Styles/Index.scss
index 17905ed..833fed9 100644
--- a/src/Styles/Index.scss
+++ b/src/Styles/Index.scss
@@ -13,9 +13,10 @@
     .video-controls, video {
         border-radius: 12px;
     }
-    *:focus {
-        border: 2px white solid;
-        transition: 1s border;
+    *:focus-visible {
+        outline: none;
+        background: rgba(255, 255, 255, 0.5) !important;
+        transition: 1s background;
     }
     video {
         width: 100%;
@@ -81,7 +82,7 @@
                 transition: 0.3s opacity;
             }
             .vc-center {
-                width: calc(100% - 220px);
+                width: 100%;
                 display: flex;
                 align-items: center;
                 gap: 12px;
@@ -127,7 +128,9 @@
                     top: -8px;
                     left: 0px;
                     width: 100%;
-                    
+                    *:focus-visible {
+                        border-radius: 3rem !important;
+                    }
                 }
                 #seek[type="range"] {
                     -webkit-appearance: none;
@@ -249,6 +252,16 @@
             width: 14px;
         }
     }
+    .vc-menu-whitelabel {
+        opacity: 0.5;
+        text-align: center;
+        text-decoration: none;
+        font-size: 14px;
+        margin: 0px 0px 6px 0px;
+        &:hover {
+            text-decoration: underline;
+        }
+    }
 }
 
 button#has-switch svg {