Adjust button position in shorts player

Author: toshokanneko

ui/scss/component/_shorts.scss

@@ -512,7 +512,7 @@ body:has(.main--shorts-page):not(:has(.navigation__overlay--active)) {
 
   @media (max-width: 1400px) and (min-width: 1020px) {
     .shorts-page__navigation {
-      left: 280px !important;
+      left: 400px !important;
       right: auto !important;
       transition: none !important;
       top: 60px;
@@ -532,7 +532,19 @@ body:has(.main--shorts-page):not(:has(.navigation__overlay--active)) {
     }
   }
 
-  @media (max-width: 1400px) and (min-width: 1020px) and (max-height: 650px) {
+  @media (max-width: 1150px) and (min-width: 1020px) and (min-height: 750px) {
+    .shorts-page__navigation {
+      left: 300px !important;
+    }
+  }
+
+  @media (max-width: 1150px) and (min-width: 1020px) and (min-height: 850px) {
+    .shorts-page__navigation {
+      left: calc(var(--shorts-viewer-width-default) - 50px) !important;
+    }
+  }
+
+  @media (max-width: 1150px) and (min-width: 1020px) and (max-height: 750px) {
     .shorts-page__navigation {
       left: 270px !important;
       padding-bottom: 70px !important;