Merge "Align "What's this" vertically"

[lhc/web/wiklou.git] / resources / src / mediawiki.rcfilters / styles / mw.rcfilters.ui.FilterMenuSectionOptionWidget.less

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 c09ca1e..b6fb0bb 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuSectionOptionWidget.less
@@ -11,25 +11,20 @@
                        color: #54595d;
                        .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;
                        }
                }