X-Git-Url: http://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.WatchlistTopSectionWidget.less;h=75da5ddc5d6b26222f77ac0b0485a35284b398a0;hb=732cf4d5bf47402c859cb96a23a717908a76eb56;hp=4307c6f7c6fe013d63c93d1ae31012d09aa8b1ec;hpb=573b73810c0eb4a5c464b5c00a2f2dcdc7c90c24;p=lhc%2Fweb%2Fwiklou.git

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 4307c6f7c6..75da5ddc5d 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less
@@ -7,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 {
@@ -27,3 +31,19 @@
 		border-top: 2px solid @colorGray14;
 	}
 }
+
+// On small screens, remove the table properties from the
+// top section. T225127#5518870
+@media screen and ( max-width: @width-breakpoint-tablet ) {
+	.mw-rcfilters-ui-watchlistTopSectionWidget {
+		.mw-rcfilters-ui-table,
+		.mw-rcfilters-ui-row,
+		.mw-rcfilters-ui-cell {
+			display: block;
+		}
+
+		&-editWatchlistButton {
+			margin-top: 1em;
+		}
+	}
+}