From ea6621df8b633a312ec2a7be8b48d7a7507d22c8 Mon Sep 17 00:00:00 2001
From: Fallenbagel <98979876+Fallenbagel@users.noreply.github.com>
Date: Sat, 11 Jun 2022 15:46:54 +0500
Subject: [PATCH] Stylise the intro-skip button and fix positioning

---
 src/assets/css/videoosd.scss | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/videoosd.scss b/src/assets/css/videoosd.scss
index e3f2989f89b..7dc0f715657 100644
--- a/src/assets/css/videoosd.scss
+++ b/src/assets/css/videoosd.scss
@@ -376,13 +376,31 @@
     }
 }
 
+@media (hover:hover) and (pointer:fine) {
+    .skipIntro .paper-icon-button-light:hover:not(:disabled) {
+        color:black !important;
+        background-color:rgba(47,93,98,0) !important;
+    }
+}
 .skipIntro {
     padding: 0 1px;
-
     position: absolute;
-    right: 1em;
+    right: 10em;
     top: 80vh;
-
-    background-color: rgba(25, 25, 25, 0.66);
-    border-radius: 1rem;
+    background-color:rgba(25, 25, 25, 0.66);
+    border: 1px solid;
+    border-radius: 0px;
+    display: inline-block;
+    cursor: pointer;
+    box-shadow: inset 0 0 0 0 #f9f9f9;
+    -webkit-transition: ease-out 0.4s;
+    -moz-transition: ease-out 0.4s;
+    transition: ease-out 0.4s;
+}
+
+.skipIntro:hover {
+    box-shadow: inset 400px 0 0 0 #f9f9f9;
+    -webkit-transition: ease-in 1s;
+    -moz-transition: ease-in 1s;
+    transition: ease-in 1s;
 }