From 4f6e9e69e19946abfd93b5730604bd86a2453e53 Mon Sep 17 00:00:00 2001
From: jdlrobson <jdlrobson@gmail.com>
Date: Wed, 24 Jan 2018 10:52:20 -0800
Subject: [PATCH] Preferences tabs should be horizontally scrollable

Change-Id: I6766b4ef5a99c66ebb54079b07739315294c86a7
---
 .../mediawiki.special.preferences.styles/styles.less | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/skinStyles/mediawiki.special.preferences.styles/styles.less b/skinStyles/mediawiki.special.preferences.styles/styles.less
index 7e5599bef..0883264cc 100644
--- a/skinStyles/mediawiki.special.preferences.styles/styles.less
+++ b/skinStyles/mediawiki.special.preferences.styles/styles.less
@@ -2,7 +2,12 @@
 
 // FIXME: All this code can be removed when T117781/T171238 is resolved.
 #preftoc {
-	text-align: center;
+	text-align: left;
+	// Horizontal scrolling
+	overflow-x: auto;
+	overflow-y: hidden;
+	white-space: nowrap;
+	padding: 0;
 
 	li {
 		display: inline-block;
@@ -39,6 +44,11 @@
 	}
 }
 
+// redudant on mobile - tab labels provide context
+.mainLegend {
+	display: none;
+}
+
 .mw-htmlform-submit-buttons,
 .mw-input {
 	select,