Refactor

andromeda.css

@@ -21,7 +21,7 @@
 }
 
 /* ============================== */
-/*  Library page
+/*  Media detail page
 /* ============================== */
 /* Background */
 .layout-desktop .itemBackdrop {
@@ -42,12 +42,6 @@
 }
 
 /* Logo */
-.libraryPage.itemDetailPage::before {
-    display: block;
-    height: calc(30vw - var(--logo-height));
-    max-height: 13.35em;
-    content: "";
-}
 .layout-desktop .libraryPage.itemDetailPage::before {
     height: calc(30vw - var(--logo-height));
     max-height: 13.35em;
@@ -55,6 +49,16 @@
 .layout-mobile .libraryPage.itemDetailPage::before {
     height: 10.3em;
 }
+.libraryPage.itemDetailPage::before {
+    display: block;
+    height: calc(30vw - var(--logo-height));
+    max-height: 13.35em;
+    content: "";
+}
+
+.layout-mobile .detailLogo {
+    display: block;
+}
 .detailLogo {
     top: unset;
     right: unset;
@@ -69,9 +73,6 @@
 
     background-position: bottom;
 }
-.layout-mobile .detailLogo {
-    display: block;
-}
 
 /* Poster */
 .detailImageContainer {
@@ -79,6 +80,9 @@
 }
 
 /* Detail ribbon */
+.layout-mobile .infoWrapper {
+    padding-left: unset !important;
+}
 .detailRibbon {
     height: unset !important;
     padding: unset !important;
@@ -91,9 +95,6 @@
 
     background: rgba(0,0,0,0) !important;
 }
-.layout-mobile .infoWrapper {
-    padding-left: unset !important;
-}
 
 /* Media title */
 .nameContainer h1 {
@@ -128,12 +129,12 @@
 }
 
 /* Buttons */
-.mainDetailButtons {
-    margin-top: 1em;
-}
 .layout-mobile .mainDetailButtons {
     padding-left: unset !important;
 }
+.mainDetailButtons {
+    margin-top: 1em;
+}
 
 /* Primary info (e.g. year, rating, etc.) */
 .itemMiscInfo.itemMiscInfo-primary {
@@ -202,16 +203,16 @@
 }
 
 /* Next Up */
+.layout-mobile .nextUpSection .nextUpItems .overflowBackdropCard {
+    width: 72vw !important;
+    max-width: 27.95em !important;
+}
 .nextUpSection {
     margin-top: 1.8em;
     margin-left: auto;
     margin-right: auto;
     width: unset !important;
 }
-.layout-mobile .nextUpSection .nextUpItems .overflowBackdropCard {
-    width: 72vw !important;
-    max-width: 27.95em !important;
-}
 
 /* Seasons */
 .layout-desktop .childrenItemsContainer {