Style tweaks

app/views/welcome/index.html.erb

@@ -6,11 +6,11 @@
   <img id="cfa-logo" src="images/logos/cfa.png" alt="Code for America" title="Code for America" />
   <h1>Adopt a Hydrant</h1>
   <p>
-    Take responsibility for shoveling out a fire hydrant after it snows.
+    Claim responsibility for shoveling out a fire hydrant after it snows.
   </p>
   <form>
     <label for="address">
-      Street address
+      Address
     </label>
     <input id="address" name="address" type="text" value="" tabindex="1" />
     <label for="city">
@@ -25,7 +25,7 @@
     <select id="state" name="state" tabindex="3">
       <option value="MA">Massachusetts</option>
     </select>
-    <button tabindex="4">Locate Orphan Fire Hydrants</button>
+    <button tabindex="4">Find Fire Hydrants</button>
   </form>
   <img id="hydrant-in-snow" src="images/hydrant-in-snow.jpg"">
 </div>

public/stylesheets/main.css

@@ -31,19 +31,26 @@ body {
   width: 100%;
 }
 
-p, form {
+h1, p, form {
   margin: auto;
-  width: 80%;
-  margin-top: 20px;
+  width: 90%;
+  margin-top: 10px;
+}
+
+label, input {
+  display: block;
+  clear: both;
+  text-align: left;
 }
 
 input, select, option, button {
-  margin-bottom: 20px;
-  text-align: center;
+  margin-bottom: 10px;
   font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
   font-size: 1.0em;
-}
-
-input, button {
   width: 100%;
 }
+
+button {
+  text-align: center;
+  height: 2em;
+}