Card width on mobile fix

Ungeziefi · Ungeziefi · commit 34ab24cb41ee · 2025-05-04T19:15:04.000+02:00
diff --git a/css/cards.css b/css/cards.css
@@ -150,10 +150,16 @@ img.chevron {
   span.card-basic {
     width: -moz-fit-content;
     width: fit-content;
-    display: block !important;
+    display: inline-block !important;
     padding: 0em 0.5em 0em 0.5em !important;
+    max-width: 100%;
+    overflow-x: auto;
+    vertical-align: middle;
+    line-height: 1.8em !important;
   }
   .card-basic {
     width: unset;
+    display: inline-block;
+    max-width: 100%;
   }
 }/*# sourceMappingURL=cards.css.map */
diff --git a/css/cards.css.map b/css/cards.css.map
diff --git a/css/cards.scss b/css/cards.scss
@@ -148,11 +148,17 @@ img.chevron {
 
     span.card-basic {
         width: fit-content;
-        display: block !important;
+        display: inline-block !important;
         padding: 0em 0.5em 0em 0.5em !important;
+        max-width: 100%;
+        overflow-x: auto;
+        vertical-align: middle;
+        line-height: 1.8em !important;
     }
 
     .card-basic {
         width: unset;
+        display: inline-block;
+        max-width: 100%;
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -148,11 +148,17 @@ img.chevron {`
`148`	`148`
`149`	`149`	`span.card-basic {`
`150`	`150`	`width: fit-content;`
`151`		`- display: block !important;`
	`151`	`+ display: inline-block !important;`
`152`	`152`	`padding: 0em 0.5em 0em 0.5em !important;`
	`153`	`+ max-width: 100%;`
	`154`	`+ overflow-x: auto;`
	`155`	`+ vertical-align: middle;`
	`156`	`+ line-height: 1.8em !important;`
`153`	`157`	`}`
`154`	`158`
`155`	`159`	`.card-basic {`
`156`	`160`	`width: unset;`
	`161`	`+ display: inline-block;`
	`162`	`+ max-width: 100%;`
`157`	`163`	`}`
`158`	`164`	`}`