Issue 1676 - Search field and button misaligned on donations page

donate.html

Index: donate.html
===================================================================
--- a/donate.html
+++ b/donate.html
@@ -29,22 +29,18 @@ h2
   border-top: 1px solid #ccc;
 }
 
 label
 {
   display: block;
 }
 
-input
-{
-  vertical-align: top;
-}
-
-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 +54,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 +162,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;