From 680f38c7ed8d8a2ad934fc605164ca46f22ce208 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Bartosz=20Dziewo=C5=84ski?= Date: Thu, 14 Nov 2013 13:21:42 +0100 Subject: [PATCH] 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 --- resources/mediawiki.ui/components/default/buttons.less | 3 ++- resources/mediawiki.ui/mixins/forms.less | 3 +++ 2 files changed, 5 insertions(+), 1 deletion(-) 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() { -- 2.20.1