Tweak layout

public/style.css

@@ -36,7 +36,7 @@ tr.header {
   border-bottom: 1px solid #eee;
 }
 
-#header
+header
 {
   font-size: 100%;
   /* background-color: #e8f3f4; */
@@ -52,7 +52,7 @@ tr.header {
   width: 930px;
 }
 
-#header h1 {
+header h1 {
   font-size: 180%;
   color: #555;
 }
@@ -184,7 +184,7 @@ nav
 }
 
 @media print {
-  .noprint, #footer, .nav, nav
+  .noprint, footer, .nav, nav
   {
     display: none;
   }

views/layout.haml

@@ -5,26 +5,22 @@
     %link{ :href => '/style.css', :rel => 'stylesheet'}
   %body
     #main
-      #header
+      %header
         %h1 InLink kiosks planning applications
-
-      %ul.menu
-        %li
-          %a{ :href => '/' }
-            Home
-        -#
+      %nav
+        %ul.menu
           %li
-            %a{ :href => '/authorities/' }
-              Authorities
-        %li
-          %a{ :href => '/new/' }
-            New applications
-        %li
-          %a{ :href => '/decisions/' }
-            Latest decisions
+            %a{ :href => '/' }<
+              Home
+          %li
+            %a{ :href => '/new/' }<
+              New applications
+          %li
+            %a{ :href => '/decisions/' }<
+              Latest decisions
       = yield
       
-      #footer
+      %footer
         %a{ :href => 'https://twitter.com/adrianshort'}<
           @adrianshort made this
         %a{ :href => 'https://github.com/adrianshort/kiosks'}<
@@ -34,5 +30,5 @@
         %a{ :href => 'https://morph.io/adrianshort/inlink-scraper'}<
           Data API and bulk download
         %a{ :href => 'https://twitter.com/search?f=tweets&vertical=default&q=%23inlink'}<
-          \#InLink
+          \#InLink on Twitter