Issue 1676 - Search field and button misaligned on donations page

donate.html

Index: donate.html
===================================================================
--- a/donate.html
+++ b/donate.html
@@ -31,20 +31,21 @@ h2
 
 label
 {
   display: block;
 }
 
 input
 {
-  vertical-align: top;
+  vertical-align: center;

[Thomas Greiner, 2014/12/09 10:03:40]

This value is invalid because the correct value is "middle". See
https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

Additionally, to vertically align the radio buttons I'd suggest also adding
`margin-top: 0px;`

[Wladimir Palant, 2014/12/09 20:42:11]

You are right, what I was testing here was vertical-align:baseline - that's what
actually makes most sense. Given that this is the default (and that this style
applies to elements outside the page content), I decided to remove that block
completely.

 }
 
-button, label
+#form button,
+#form-fields label
 {
   display: inline-block;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   background-image: none;
@@ -58,23 +59,23 @@ button, label
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #333;
   background-color: #fff;
   border-color: #ccc;
 }
 
-button:hover
+#form button:hover
 {
   background-color: #ebebeb;
   border-color: #adadad;
 }
 
-button:active
+#form button:active
 {
   background-color: #ebebeb;
   border-color: #adadad;
   outline: 0;
   -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
   box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
 }
 
@@ -166,24 +167,25 @@ button:active
 
 #form.credit-card #form-recurrence,
 #form.bitcoin #form-currency,
 #form.bitcoin #form-price
 {
   display: none;
 }
 
-#donate
+/* This cannot be #donate because specificity is too low */
+#form #donate
 {
   color: #fff;
   background-color: #5cb85c;
   border-color: #4cae4c;
 }
 
-#donate:hover
+#form #donate:hover
 {
   background-color: #47a447;
   border-color: #398439;
 }
 
 #error
 {
   color: #d9534f;