From: Bartosz Dziewoński <matma.rex@gmail.com>
Date: Thu, 14 Nov 2013 12:21:42 +0000 (+0100)
Subject: mediawiki.ui: Ensure that buttons and inputs are vertically aligned
X-Git-Tag: 1.31.0-rc.0~17892^2
X-Git-Url: https://git.cyclocoop.org/%242?a=commitdiff_plain;h=680f38c7ed8d8a2ad934fc605164ca46f22ce208;p=lhc%2Fweb%2Fwiklou.git

mediawiki.ui: Ensure that buttons and inputs are vertically aligned

Currently height of a mediawiki.ui button computes to 28px, but the
height of an input to 26px. Use vertical-align: middle; to make both
display at the center of line-height instead of at the top.

Followup to I7fdd9970.

Change-Id: Id4b45c57bae75bf1c5f56f5c43c714d91564dc15
---

diff --git a/resources/mediawiki.ui/components/default/buttons.less b/resources/mediawiki.ui/components/default/buttons.less
index 10d36ff03e..a931756646 100644
--- a/resources/mediawiki.ui/components/default/buttons.less
+++ b/resources/mediawiki.ui/components/default/buttons.less
@@ -19,9 +19,10 @@
 	.buttonColors();
 	border-radius: @buttonBorderRadius;
 
-	// Content styling
+	// Ensure that buttons and inputs are nicely aligned when they have differing heights
 	vertical-align: middle;
 
+	// Content styling
 	text-align: center;
 	text-decoration: none;
 
diff --git a/resources/mediawiki.ui/mixins/forms.less b/resources/mediawiki.ui/mixins/forms.less
index 4ed72618c5..1b177ee330 100644
--- a/resources/mediawiki.ui/mixins/forms.less
+++ b/resources/mediawiki.ui/mixins/forms.less
@@ -19,6 +19,9 @@
 
 	color: @agoraTextColor;
 	padding: 0.35em 0.5em 0.35em 0.5em;
+
+	// Ensure that buttons and inputs are nicely aligned when they have differing heights
+	vertical-align: middle;
 }
 
 .agora-label-styling() {