HTMLForm: Mangle excessive whitespace

Addressing excessive whitespace in OOUIfied HTMLForms by
- setting form `line-height` to `1.4` in order to
  override core and
- explicitely setting header label `line-height`
  as well.

Bug: T177668
Depends-on: I6463bb204c0000d89fd12a39c4f3c571be0ffc37
Change-Id: I8f503dd5305aef856c6b842c0fdd95522871dca3

diff --git a/resources/src/mediawiki/htmlform/ooui.styles.less b/resources/src/mediawiki/htmlform/ooui.styles.less
index 43acb3a..84d462e 100644 (file)
--- a/resources/src/mediawiki/htmlform/ooui.styles.less
+++ b/resources/src/mediawiki/htmlform/ooui.styles.less
@@ -1,6 +1,12 @@
 /* OOUIHTMLForm styles */
 
 .mw-htmlform-ooui {
+       line-height: 1.4; // Override MediaWiki's default of `1.6`
+
+       .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
+               line-height: 1.143; // equals `16px`
+       }
+
        .mw-htmlform-field-HTMLCheckMatrix {
                width: 100%;
        }