From d676f6d44a3ea3a5a9437e846d9347a84bf4b7db Mon Sep 17 00:00:00 2001
From: petarpetkovic <ppetkovic@wikimedia.org>
Date: Wed, 13 Sep 2017 15:41:17 +0200
Subject: [PATCH] Center items in 'Save current filter settings'

- Center cancel button (X) in 'Save current filter settings' menu.
- Center head label in 'Save current filter settings' menu.

Bug: T174454
Change-Id: I44ce0b40aa6acf5797f70fda731e5e4bde9f9748
---
 .../mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

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 ec4954cacb..4e8ad56721 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less
@@ -1,3 +1,5 @@
+@import 'mediawiki.mixins';
+
 .mw-rcfilters-ui-saveFiltersPopupButtonWidget {
 	&-popup {
 		&-layout,
@@ -6,11 +8,17 @@
 		}
 
 		> .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
+			position: relative;
 			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-buttonWidget {
+				top: 50%;
+				.transform( translateY( -50% ) );
+			}
+
 			> .oo-ui-iconWidget {
 				float: none;
 				display: inline-block;
@@ -19,10 +27,11 @@
 
 			> .oo-ui-labelElement-label {
 				float: none;
-				display: inline;
+				display: inline-block;
 				font-size: 1.2em;
 				margin: 0;
 				font-weight: bold;
+				vertical-align: middle;
 			}
 		}
 	}
-- 
2.20.1