Fix table section header positioning on mobile

Author: edg2s

css/common.css

@@ -211,6 +211,18 @@ summary > .oo-ui-labelElement-label:not( .oo-ui-inline-help ) {
 	display: none;
 }
 
+.wikis .headerRow,
+.wikis .wikiSection {
+	background: #eaecf0;
+	position: sticky;
+	top: 5em;
+}
+
+.wikis .wikiSection {
+	text-align: left;
+	top: 8.71em;
+}
+
 .wikis th,
 .wikis td {
 	border: 1px solid #a2a9b1;
@@ -219,13 +231,6 @@ summary > .oo-ui-labelElement-label:not( .oo-ui-inline-help ) {
 	vertical-align: top;
 }
 
-.wikis th {
-	background: #eaecf0;
-	position: sticky;
-	/* Adjust for <header> */
-	top: calc( 5em - 1px );
-}
-
 .wikis th em {
 	font-weight: normal;
 	font-size: 90%;
@@ -243,11 +248,6 @@ summary > .oo-ui-labelElement-label:not( .oo-ui-inline-help ) {
 	background: #fef6e7;
 }
 
-.wikis .wikiSection th {
-	text-align: left;
-	top: calc( 8.65em - 1px );
-}
-
 .wikis .patches,
 .wikis .linkedTasks {
 	overflow: hidden;
@@ -296,7 +296,7 @@ summary > .oo-ui-labelElement-label:not( .oo-ui-inline-help ) {
 		margin-bottom: 5px;
 	}
 
-	.wikis tr:first-child {
+	.wikis .headerRow {
 		display: none;
 	}
 
@@ -305,6 +305,10 @@ summary > .oo-ui-labelElement-label:not( .oo-ui-inline-help ) {
 		display: inline-block;
 	}
 
+	.wikis .wikiSection {
+		top: 5em;
+	}
+
 	.wikis .patches,
 	.wikis .linkedTasks {
 		display: block;

index.php

@@ -347,7 +347,7 @@
 }
 
 echo '<table class="wikis">' .
-	'<tr>' .
+	'<tr class="headerRow">' .
 		'<th>Wiki</th>' .
 		'<th>Patches<br /><em>✓=Merged ✗=Abandoned 🛇=<abbr title="Open patches marked with \'DNM\' or \'DO NOT MERGE\'">Do not merge</abbr></em></th>' .
 		'<th>Linked tasks<br /><em>✓=Resolved ✗=Declined/Invalid</em></th>' .