diff --git a/public/style.css b/public/style.css index 6c5f2d4..84e808f 100644 --- a/public/style.css +++ b/public/style.css @@ -294,6 +294,18 @@ nav padding: 20px 20px; } +.menu { + margin: 0; + padding: 0; +} + +.menu li { + list-style-type: none; + display: inline; + margin: 20px 0; + padding: 0 10px 0 0; +} + @media print { .noprint, #footer, .nav, nav { diff --git a/views/layout.haml b/views/layout.haml index 5c75953..38ebf6a 100644 --- a/views/layout.haml +++ b/views/layout.haml @@ -2,7 +2,6 @@ %html %head %title= @page_title ? @page_title + " - Sutton Elections" : "Sutton Elections - Your guide to voting and election results in the London Borough of Sutton" - %link{ :rel => 'stylesheet', :type => 'text/css', :href => '/style.css' } %meta{ :name => 'referrer', :content => 'no-referrer' } %meta{ :name => 'viewport', :content => 'width=device-width, initial-scale=1' } @@ -11,20 +10,19 @@ #header.noprint #header_inner %h1 Sutton Elections - .pure-menu.pure-menu-horizontal - %ul.pure-menu-list - %li.pure-menu-item - %a{ :href => '/' } Home - - Body.each do |body| - %li.pure-menu-item - %a{ :href => "/bodies/#{body.slug}" } - = body.name - %li.pure-menu-item - %a{ :href => '/candidates' } Candidates - %li.pure-menu-item - %a{ :href => '/guides' } Guides - %li.pure-menu-item - %a{ :href => '/about' } About + %ul.menu + %li + %a{ :href => '/' } Home + - Body.each do |body| + %li + %a{ :href => "/bodies/#{body.slug}" }< + = body.name + %li + %a{ :href => '/candidates' } Candidates + %li + %a{ :href => '/guides' } Guides + %li + %a{ :href => '/about' } About #main