From 82498f95a5db5b22174e49b74e6dc93966092928 Mon Sep 17 00:00:00 2001
From: Moriel Schottlender <moriel@gmail.com>
Date: Wed, 28 Jun 2017 10:48:25 -0700
Subject: [PATCH] RCFilters: Fix popup head with long message and icon

If the message is long, it should remain on the same line as the
icon, and the padding should come from the 'head' element rather
than the individual icon/label elements.

Bug: T169110
Change-Id: I726649f9fbd7e095aea62693aff269108c872661
---
 ...rcfilters.ui.SaveFiltersPopupButtonWidget.less | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less
index e19c24680d..272909df19 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less
@@ -5,15 +5,22 @@
 		}
 
 		> .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
+			height: auto;
+			padding: 1em;
+			// Icon width + icon left position (rounded to 0.5 to give a little extra margin)
+			padding-right: 1.875em + 0.5em;
+
 			> .oo-ui-iconWidget {
-				margin: 0.75em 0.5em;
-				float: left;
+				float: none;
+				display: inline-block;
+				margin: 0;
 			}
 
 			> .oo-ui-labelElement-label {
+				float: none;
+				display: inline;
 				font-size: 1.2em;
-				padding: 0.3em;
-				margin-left: 0;
+				margin: 0;
 				font-weight: bold;
 			}
 		}
-- 
2.20.1