From 591370c35f62335ca290e7fa3a4f3913f7baece3 Mon Sep 17 00:00:00 2001
From: Ed Sanders <esanders@wikimedia.org>
Date: Thu, 23 Aug 2018 22:08:12 +0100
Subject: [PATCH] Fix width of headings in mobile editor

This also fixes CE issues arising from using display:table.

Bug: T202991
Change-Id: I39ab5d4ed9a2ace7593dd3078382f522b75f5576
---
 skinStyles/mobile.editor.ve/minerva.less | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/skinStyles/mobile.editor.ve/minerva.less b/skinStyles/mobile.editor.ve/minerva.less
index 18a749a..4c85bc7 100644
--- a/skinStyles/mobile.editor.ve/minerva.less
+++ b/skinStyles/mobile.editor.ve/minerva.less
@@ -11,6 +11,12 @@
 			overflow: hidden;
 		}
 
+		// We don't need display:table as there are no edit/collapse buttons
+		// Also display:table causes CE issues in Mobile Safari (T202991)
+		h1, h2, h3, h4, h5 {
+			display: block;
+		}
+
 		// Styling for images (as output by Parsiod)
 		// These styles are mostly derived from content.parsoid.less, which the Minerva skin
 		// opts out of (since the styles are largely Vectorish).