From a75d3c698eec63b71ed5111e48e32d0e79d6b26b Mon Sep 17 00:00:00 2001
From: Isarra <zhorishna@gmail.com>
Date: Tue, 15 Dec 2020 18:14:25 +0000
Subject: [PATCH] Adjust .mw-indicators alignment

* Move images up to match helplink positioning, assuming standard
  size of 20px
* Remove mobile header clear and let the float itself sort it out
  if it even is long enough to matter (most are just icons)

Bug: T269550
Change-Id: Iaddab576b208f927c51c8f64b3e601fd89c0d710
---
 resources/screen-common.less | 8 +++++++-
 resources/screen-mobile.less | 7 -------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/resources/screen-common.less b/resources/screen-common.less
index 8b2f2bc..840dc27 100644
--- a/resources/screen-common.less
+++ b/resources/screen-common.less
@@ -373,11 +373,17 @@ a.mw-selflink {
 
 .mw-indicators {
 	float: right;
-	margin: 0.75em 0 0 1em;
+	margin-left: 1em;
+
+	img {
+		/* Line up to baseline; expected indicator icon size is 20px */
+		margin-top: -0.5em;
+	}
 }
 
 .mw-indicator {
 	display: inline-block;
+	margin: 0.65em 0 0 0.25em;
 }
 
 div.magnify a {
diff --git a/resources/screen-mobile.less b/resources/screen-mobile.less
index 4b859cb..7d36eda 100644
--- a/resources/screen-mobile.less
+++ b/resources/screen-mobile.less
@@ -153,13 +153,6 @@
 	}
 }
 
-/* Page header */
-
-h1.firstHeading {
-	/* Prevent indicators from interfering with title and causing overflow */
-	clear: right;
-}
-
 /* Page actions */
 
 #p-namespaces li {