Fixed: Show thumb cards in landscape mode on phones

dev: Reorganised some entries

Theme/ElegantFin-theme-nightly.css

@@ -173,6 +173,14 @@ html {
     padding-inline-start: 1em;
 }
 
+.smallBackdropCard,
+.squareCard,
+.backdropCard,
+.bannerCard {
+    width: 46%;
+    max-width: 18em;
+}
+
 @media (min-width: 31.25em) {
 
     .portraitCard,
@@ -369,6 +377,10 @@ h1 {
         width: 8.5%;
         max-width: 6.5em;
     }
+
+    .backdropCard {
+        width: 23%;
+    }
 }
 
 .layout-mobile .itemBackdrop {
@@ -1015,14 +1027,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     padding-inline: 1em;
 }
 
-.smallBackdropCard,
-.squareCard,
-.backdropCard,
-.bannerCard {
-    width: 46%;
-    max-width: 18em;
-}
-
 .layout-mobile #myPreferencesMenuPage {
     padding-top: 3.75em !important;
 }