Fix: Preventing portrait cards from becoming abnormally large.

Fix: Square cards in Live TV section were overflowing. Setting a smaller width fixes it.

Theme/ElegantFin-theme-nightly.css

@@ -44,6 +44,16 @@ html {
     margin-right: auto;
 }
 
+/* .pageTabContent .vertical-wrap {
+    justify-content: space-evenly !important;
+}
+
+.vertical-wrap,
+.sectionTitleContainer~.vertical-wrap,
+.sectionTitle~.vertical-wrap {
+    justify-content: flex-start !important;
+} */
+
 .vertical-wrap {
     justify-content: flex-start !important;
 }
@@ -153,7 +163,7 @@ h1 {
 .portraitCard {
     min-width: 5em;
     width: 30%;
-    max-width: 15em;
+    max-width: 12.9em;
 }
 
 .headerHomeButton,
@@ -771,8 +781,11 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 .smallBackdropCard,
-.squareCard {
+.squareCard,
-    width: 47%;
+.backdropCard,
+.bannerCard {
+    width: 46%;
+    max-width: 18em;
 }
 
 .layout-mobile #myPreferencesMenuPage {
@@ -824,11 +837,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     margin-inline-start: .5em;
 }
 
-.backdropCard,
-.bannerCard {
-    width: 46%;
-}
-
 .toast {
     background: var(--headerColor);
     border: solid 1px var(--borderColor);