RCFilters: Readjust welcome text so results don't jump after load

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

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less
index 5e1e118..52f7ff2 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less
@@ -1,3 +1,5 @@
+@import 'mediawiki.ui/variables';
+
 .mw-rcfilters-ui-watchlistTopSectionWidget {
        &-watchlistDetails {
                width: 100%;
@@ -5,6 +7,10 @@
 
        &-editWatchlistButton {
                vertical-align: bottom;
+               // Match the width that we are setting up for the loading
+               // of the .watchlistDetails in mw.rcfilters.less
+               min-width: 20em;
+               text-align: right;
 
                // actual button
                .oo-ui-buttonWidget {
@@ -16,12 +22,12 @@
                float: right;
        }
 
-       .mw-rcfilters-ui-table {
+       &-savedLinksTable {
                margin-top: 1em;
        }
 
        &-separator {
                margin-top: 1em;
-               border-top: 2px solid #eaecf0; // Base80 AAA
+               border-top: 2px solid @colorGray14;
        }
 }