Style tweaks
This commit is contained in:
parent
a64b78301b
commit
e595ef03f3
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue