From 89275647e24b0df17f8585aa16b7f0e37f86132b Mon Sep 17 00:00:00 2001
From: Erik Michaels-Ober <sferik@gmail.com>
Date: Fri, 25 Feb 2011 14:59:25 -0500
Subject: [PATCH] Style tweaks

---
 app/views/welcome/index.html.erb | 14 +++++++-------
 public/stylesheets/main.css      | 13 +++++++++----
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/app/views/welcome/index.html.erb b/app/views/welcome/index.html.erb
index 46e087d..c135305 100644
--- a/app/views/welcome/index.html.erb
+++ b/app/views/welcome/index.html.erb
@@ -1,11 +1,6 @@
-<div id="map_canvas">
-</div>
 <div id="sidebar">
-  <img id="boston-logo" src="images/logos/boston.png" alt="City of Boston" title="City of Boston" />
-  <img id="cert-logo" src="images/logos/cert.png" alt="Community Emergency Response Team" title="Community Emergency Response Team" />
-  <img id="cfa-logo" src="images/logos/cfa.png" alt="Code for America" title="Code for America" />
   <h1>Adopt a Hydrant</h1>
-  <p>
+  <p id="tagline">
     Claim responsibility for shoveling out a fire hydrant after it snows.
   </p>
   <form>
@@ -27,5 +22,10 @@
     </select>
     <button tabindex="4">Find Fire Hydrants</button>
   </form>
-  <img id="hydrant-in-snow" src="images/hydrant-in-snow.jpg"">
+  <img id="boston-logo" src="images/logos/boston.png" alt="City of Boston" title="City of Boston" />
+  <img id="cert-logo" src="images/logos/cert.png" alt="Community Emergency Response Team" title="Community Emergency Response Team" />
+  <img id="cfa-logo" src="images/logos/cfa.png" alt="Code for America" title="Code for America" />
+  <img id="hydrant-in-snow" src="images/hydrant-in-snow.jpg">
+</div>
+<div id="map_canvas">
 </div>
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index 5c6541b..cccaa30 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -17,8 +17,8 @@ body {
 
 #sidebar {
   float: left;
-  height: 100%;
   text-align: center;
+  height: 100%;
   width: 25%;
   overflow: hidden;
 }
@@ -31,10 +31,15 @@ body {
   width: 100%;
 }
 
-h1, p, form {
-  margin: auto;
+form {
   width: 90%;
-  margin-top: 10px;
+  margin: auto;
+}
+
+#tagline {
+  padding: 10px;
+  background: #cc3333;
+  color: #ffffff;
 }
 
 label, input {