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 85dd1d2c3dc1a8ab4a722f4e7cb2922e437611d5..b2343795f0daa8a566ecffce2e183d524d34d39e 100644 (file)
--- 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;
   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;
   min-width: 120px;
   margin: 0 0 $lineheight/2 0;
   color: white;