Minor layout/style changes

app.rb

@@ -29,26 +29,39 @@ __END__
     %title Find My Candidates
     %link{ :rel => 'stylesheet', :type => 'text/css', :href => 'style.css' }
     %body
-      #main
+      #header
         %h1 Find My Candidates
+      #main
         = yield
       #footer
         %hr/
-        %p Design by Adrian Short
+        %p
+          Made by 
+          %a{ :href => "http://adrianshort.co.uk/" } Adrian Short
+          with
+          %a{ :href => "http://www.ordnancesurvey.co.uk/oswebsite/products/code-point-open/" } Ordnance Survey
+          and
+          %a{ :href => "http://www.sutton.gov.uk/" } Sutton Council 
+          data,
+          %a{ :href => "http://uk-postcodes.com" } UK Postcodes API
+          and
+          %a{ :href => "http://sinatrarb.com" } Sinatra.
+        %p
+          Hosted by 
+          %a{ :href => "http://heroku.com" } Heroku.
+          Source at 
+          %a{ :href => "http://github.com/adrianshort" } Github.
+
         
 @@home
 %form{ :method => 'get', :action => '/wards' }
-  %label{ :for => "postcode" }
-    Postcode
-  %input{ :type => 'text', :name => 'postcode', :size => 10 }
+  %label{ :for => "postcode" } Postcode
+  %input{ :type => 'text', :name => 'postcode', :size => 8, :maxlength => 8 }
   %input{ :type => 'submit', :value => "Find" }
 - for ward in @wards
   %p= ward  
   
   
 @@wards
-%h2
-  #{@ward_name} Ward in #{@district_name}
-%p
-  Your postcode is #{@postcode}
+%h2 #{@postcode} is in #{@ward_name} Ward in #{@district_name}
   

public/style.css

@@ -1,4 +1,14 @@
 body
 {
   background-color: beige;
+  font-family: Helvetica, Arial, sans-serif;
+  width: 760px;
+  margin: 40px auto;
+  
+}
+
+input
+{
+  font-size: 150%;
+  text-transform: uppercase;
 }