Align "What's this" vertically

Bug: T165627
Change-Id: I4da04ec48dfe1ad67379d79083e3f1fff431c8a2

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less
index 964f27e..23ef2c4 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less
@@ -12,25 +12,20 @@
                        color: #555a5d;
                        .box-sizing( border-box );
                        display: inline-block;
-                       line-height: normal;
                }
        }
 
        &-whatsThisButton {
                margin-left: 1.5em;
-               &.oo-ui-buttonElement {
-                       vertical-align: text-bottom;
-
-                       & > .oo-ui-buttonElement-button {
-                               font-weight: normal;
-                               // Override OOUI's definitions for button
-                               border-color: transparent;
-                               padding: 0;
-
-                               &:focus {
-                                       box-shadow: none;
-                                       outline: 0;
-                               }
+
+               &.oo-ui-buttonElement > .oo-ui-buttonElement-button {
+                       font-weight: normal;
+                       border: 0; // Override OOUI `border` needed for frameless keyboard focus
+                       padding: 0;
+
+                       &:focus {
+                               box-shadow: none;
+                               outline: 0;
                        }
                }