X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.ui%2Fcomponents%2Fbuttons.less;h=71febe3a452d603fc95f4802ac9c1b3406ebf7e0;hb=05c3114029bf9a8a000fc92272f4c5b1acfc12d1;hp=4ffaeeee40ff22b43ab1ca1fbbe2b3b2d74ef4b6;hpb=f56a905990f579a81f15ce636ab03758c15690df;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.ui/components/buttons.less b/resources/src/mediawiki.ui/components/buttons.less
index 4ffaeeee40..71febe3a45 100644
--- a/resources/src/mediawiki.ui/components/buttons.less
+++ b/resources/src/mediawiki.ui/components/buttons.less
@@ -31,8 +31,11 @@
 	font-size: 1em;
 	// Container layout
 	display: inline-block;
+	min-width: 4em;
+	max-width: 28.75em; // equivalent to 460px, @see T95367
 	padding: .5em 1em;
 	margin: 0;
+	border-radius: @borderRadius;
 	.box-sizing( border-box );
 
 	// Disable weird iOS styling
@@ -43,15 +46,11 @@
 	*display: inline;
 	zoom: 1;
 
-	// Container styling
-	.button-colors( #fff, #ccc, #777 );
-	border-radius: @borderRadius;
-	min-width: 4em;
-
 	// Ensure that buttons and inputs are nicely aligned when they have differing heights
 	vertical-align: middle;
 
 	// Content styling
+	.button-colors( #fff, @colorGray12, @colorGray7 );
 	text-align: center;
 	font-weight: bold;
 
@@ -112,6 +111,8 @@
 	&.mw-ui-block {
 		display: block;
 		width: 100%;
+		margin-left: auto;
+		margin-right: auto;
 	}
 
 	// Progressive buttons