From: Volker E <volker.e@wikimedia.org>
Date: Fri, 16 Nov 2018 23:53:52 +0000 (-0800)
Subject: CheckMatrixWidget: Fix alignment issues
X-Git-Tag: 1.34.0-rc.0~3484^2
X-Git-Url: https://git.heureux-cyclage.org/?p=lhc%2Fweb%2Fwiklou.git;a=commitdiff_plain;h=f6bca15b45dafaf0faf594cc0186ba148745ece1

CheckMatrixWidget: Fix alignment issues

Bug: T205629
Change-Id: I54c49621f8378d613098683fefe72f59fddbf771
---

diff --git a/resources/src/mediawiki.htmlform.ooui.styles.less b/resources/src/mediawiki.htmlform.ooui.styles.less
index a5efd7c6e4..36f9d410c4 100644
--- a/resources/src/mediawiki.htmlform.ooui.styles.less
+++ b/resources/src/mediawiki.htmlform.ooui.styles.less
@@ -48,6 +48,15 @@
 			&:first-child {
 				text-align: left;
 			}
+
+			&.first {
+				margin-right: 5%;
+				width: 39%;
+			}
+		}
+
+		thead tr td {
+			padding-bottom: 0;
 		}
 
 		tbody tr:nth-child( even ) td {
@@ -58,14 +67,13 @@
 			background-color: #eaecf0;
 		}
 
-		tbody tr:first-child td {
-			background-color: #fff;
-			padding-bottom: 0;
+		// Specificity needed because of necessary high OOUI specificity due to modularity
+		.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top .oo-ui-fieldLayout-help {
+			margin-top: 0;
 		}
 
-		td.first {
-			margin-right: 5%;
-			width: 39%;
+		.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
+			padding-bottom: 0;
 		}
 	}
 }