Merge pull request #6670 from viown/improved-skip-button

Fix skip button positioning & design

src/components/playback/skipbutton.scss

@@ -2,7 +2,7 @@
     position: fixed;
     left: 0;
     right: 0;
-    bottom: 18%;
+    bottom: 8rem;
     pointer-events: none;
     z-index: 10000;
 }
@@ -11,26 +11,21 @@
     display: flex;
     align-items: center;
     margin-left: auto;
-    margin-right: 16%;
+    margin-right: 6rem;
+    z-index: 10000;
     padding: 12px 20px;
-    color: black;
+    background-color: #303030;
+    color: rgba(255, 255, 255, 0.87);
     border: none;
-    border-radius: 100px;
+    border-radius: 0.2em;
     font-weight: bold;
     font-size: 1.2em;
     transition: opacity 200ms ease-out;
     gap: 3px;
-    box-shadow: 7px 6px 15px -14px rgba(0, 0, 0, 0.65);
     cursor: pointer;
     pointer-events: auto;
 }
 
-@media (orientation: landscape) and (max-height: 500px) {
-    .skip-button {
-        bottom: 27%;
-    }
-}
-
 .no-transition {
     transition: none;
 }