New: Placed the main media bttons in single row on landscape mode

dev: rearranged code

Theme/ElegantFin-theme-nightly.css

@@ -591,12 +591,7 @@ html {
     display: block;
 }
 
-/* hides sync button on home screen on phones only in portrait mode */
+@media (orientation: portrait) {}
-@media (orientation: portrait) {
-    .layout-mobile .skinHeader.noHomeButtonHeader .headerSyncButton {
-        display: none;
-    }
-}
 
 .pageTitle {
     height: 1.5em;
@@ -887,6 +882,11 @@ html {
 
 @media (orientation: portrait) {
 
+    /* hides sync button on home screen on phones only in portrait mode */
+    .layout-mobile .skinHeader.noHomeButtonHeader .headerSyncButton {
+        display: none;
+    }
+
     .layout-mobile .detailImageContainer .card.backdropCard {
         width: 65vw !important;
     }
@@ -925,6 +925,11 @@ html {
     .layout-mobile #homeTab .overflowSmallBackdropCard:has(.cardOverlayButtonIcon.play_arrow) {
         /* width: 52vw; */
     }
+
+    .layout-mobile .btnPlay.detailButton {
+        flex: 0 0 100%;
+        margin-right: 0 !important;
+    }
 }
 
 @media (orientation: landscape) and (max-height: 40em) {
@@ -1796,10 +1801,7 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
     margin-right: .5em !important;
 }
 
-.layout-mobile .btnPlay.detailButton {
+@media (orientation: portrait) {}
-    flex: 0 0 100%;
-    margin-right: 0 !important;
-}
 
 .btnPlay>.detailButton-content {
     -webkit-align-items: unset;
@@ -2783,11 +2785,7 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
     color: var(--borderColor);
 }
 
-@media (orientation: portrait) and (max-width: 43em) {
+@media (orientation: portrait) and (max-width: 43em) {}
-    .nowPlayingPageImageContainerNoAlbum .cardImageContainer .cardImageIcon {
-        font-size: 8em !important;
-    }
-}
 
 .nowPlayingPageImageContainer {
     /* position: relative; */
@@ -2885,6 +2883,10 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
 }
 
 @media (orientation: portrait) and (max-width: 43em) {
+    .nowPlayingPageImageContainerNoAlbum .cardImageContainer .cardImageIcon {
+        font-size: 8em !important;
+    }
+
     .nowPlayingInfoContainer {
         height: calc(95% - 4.2em);
     }