Style the buttons

.dynamic/client/patron.css

@@ -40,6 +40,13 @@ h1 {
   color: #82073B;
 }
 
+/* The colour overrides, above, also apparently override the :disabled pseudo-class */
+#pause-button:disabled, #cancel-button:disabled
+{
+	color: #ccc;
+  background-color: #eee;
+}
+
 input[type='text'] {
   font-size: 20px;
 }

fund-us/css/index.css

@@ -259,36 +259,46 @@ input[name="donationAmount"] + label
   }
 }
 
-input[type='submit'], button
+input[type='text']:disabled {
+  cursor: not-allowed;
+}
+
+button
 {
+  display: block;
   font-size: 16px;
   margin-top: 4px;
   margin-bottom: 10px;
-	margin-right: 0;
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 1em;
+  padding-right: 1em;
   height: 50px;
   border: 0;
   border-radius: 5px;
   cursor: pointer;
   color: #004E48;
   background-color: #E3F9A8;
+  width: 100%;
 }
 
-input[type='submit']:hover, button:hover
+button:hover
 {
   background-color: #CBE89B;
-	/* border: 2px solid #A4C776; */
 }
 
-input[type='submit']:disabled, button:disabled
+button:disabled
 {
   color: #ccc;
   background-color: #eee;
-	/* border: 2px solid #eee; */
+  cursor: not-allowed;
 }
 
 @media only screen and (min-width: 380px) {
-	input[type='submit'], button {
+  button {
     font-size: 20px;
+    width: auto;
   }
 }