From: Bartosz Dziewoński <matma.rex@gmail.com>
Date: Mon, 27 Nov 2017 19:01:40 +0000 (+0100)
Subject: mw.special.preferences: Make the "Basic information" section more compact
X-Git-Tag: 1.31.0-rc.0~1399^2
X-Git-Url: http://git.cyclocoop.org/data/%24self?a=commitdiff_plain;h=d48b7260f30c1ec57046a1f8e4c82057aed45e5f;p=lhc%2Fweb%2Fwiklou.git

mw.special.preferences: Make the "Basic information" section more compact

Bug: T180538
Change-Id: Iddb73573637dd740fbebed52096cf82ef7c31c00
---

diff --git a/resources/src/mediawiki.special/mediawiki.special.preferences.styles.css b/resources/src/mediawiki.special/mediawiki.special.preferences.styles.css
index 7be6ce1e56..674569550c 100644
--- a/resources/src/mediawiki.special/mediawiki.special.preferences.styles.css
+++ b/resources/src/mediawiki.special/mediawiki.special.preferences.styles.css
@@ -78,3 +78,18 @@
 .client-js #preferences > .oo-ui-panelLayout > .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
 	margin-bottom: 1em;
 }
+
+/* Make the "Basic information" section more compact */
+/* OOUI's `align: 'left'` for FieldLayouts sucks, so we do our own */
+#mw-htmlform-info > .oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
+	width: 20%;
+	display: inline-block;
+	vertical-align: middle;
+	padding: 0;
+}
+
+#mw-htmlform-info > .oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
+	width: 80%;
+	display: inline-block;
+	vertical-align: middle;
+}