diff --git a/src/components/playback/skipbutton.scss b/src/components/playback/skipbutton.scss index e3a9e0dc0b..446ac75ac3 100644 --- a/src/components/playback/skipbutton.scss +++ b/src/components/playback/skipbutton.scss @@ -2,27 +2,21 @@ display: flex; align-items: center; position: fixed; - bottom: 18%; - right: 16%; + bottom: 8rem; + 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; } -@media (orientation: landscape) and (max-height: 500px) { - .skip-button { - bottom: 27%; - } -} - .no-transition { transition: none; }