From: Volker E <volker.e@wikimedia.org>
Date: Wed, 2 Jan 2019 23:54:15 +0000 (-0800)
Subject: Special:Block: Align partial input field better with rest of interface
X-Git-Tag: 1.34.0-rc.0~3149^2
X-Git-Url: http://git.cyclocoop.org/url?a=commitdiff_plain;h=da35094cb74301e219585f650e31ed5067b6736f;p=lhc%2Fweb%2Fwiklou.git

Special:Block: Align partial input field better with rest of interface

Also include sizing foundational variables to deal with `em` rendering quirks,
aimed to be replaced by central ones in future.

Change-Id: Iba65f68b233becba6054ca068a4cf7aaee0d8e4c
---

diff --git a/resources/src/mediawiki.special.block.less b/resources/src/mediawiki.special.block.less
index c319294c50..1748635428 100644
--- a/resources/src/mediawiki.special.block.less
+++ b/resources/src/mediawiki.special.block.less
@@ -1,7 +1,19 @@
-.mw-block-page-restrictions {
-	margin-left: 2em;
+/* Special:Block styles */
+
+// OOUIHTMLForm styles
+@ooui-font-size-browser: 16; // Assumed browser default of `16px`
+@ooui-font-size-base: 0.875em; // Equals `14px` at browser default of `16px`
+
+@ooui-spacing-radio-label: 26 / @ooui-font-size-browser / @ooui-font-size-base; // Equals `1.85714286em`≈`26px`
+
+.mw-block-page-restrictions.oo-ui-fieldLayout {
+	margin-top: 0;
+	margin-left: @ooui-spacing-radio-label;
 
 	.oo-ui-widget {
+		// Support:; IE 8 and browsers which don't support `calc()`
 		max-width: 48em;
+		// Support: IE 9+ and all modern browsers;
+		max-width: calc( 50em - @ooui-spacing-radio-label );
 	}
 }