MediaWiki:Citizen.css: Difference between revisions

← Older edit Newer edit →

@@ Line 239: / Line 239: @@
     the dedicated tablet section below. */
 @media screen and (max-width: 599px) {
+	/* Let each phone label use its natural one- or two-line height. Reserving
+	   two lines for every label creates visible empty space in sections whose
+	   first-row labels all fit on one line, such as Character Creation. */
+	.skin-citizen .wizlords-imagetext-text {
+		min-height: 0;
+	}
 	.skin-citizen .wizlords-wideimagetext {
 		max-width: 100%;
@@ Line 248: / Line 255: @@
 		justify-content: center;
 		gap: 10px 16px;
-	}
-	/* Character Creation has several two-line labels in its first row. Use a
-	   slightly tighter row gap so the second row sits at the same visual
-	   distance as the Rules section. */
-	.skin-citizen
-	.wizlords-mainpage-right:has(> h2 #Character_Creation)
-	> .center:has(> .wizlords-imagetext) {
-		row-gap: 6px;
 	}
 }