From: Tom Hughes <tom@compton.nu>
Date: Mon, 29 Jul 2013 23:50:54 +0000 (+0100)
Subject: Make input buttons and link buttons the same height in Firefox
X-Git-Tag: live~4957
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/e7f2a7027db77e2535231afdf79514d93295979d?hp=b8767a760d6a3c8106069b4c4f18f4f35e3eed14

Make input buttons and link buttons the same height in Firefox

Set min-height on the input buttons to work around Firefox ignoring the
line height: https://bugzilla.mozilla.org/show_bug.cgi?id=697451#c13.
---

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 85dd1d2c3..b2343795f 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1706,6 +1706,7 @@ a.button {
   display: inline-block;
   line-height: 20px;
   padding: $lineheight/4 $lineheight/2;
+  min-height: 20px + $lineheight/2;
   min-width: 120px;
   margin: 0 0 $lineheight/2 0;
   color: white;