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

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 ec4954c..4e8ad56 100644 (file)
--- 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;
                        }
                }
        }