From 07ef2a1a56205459441a0c88d4ba702d9f5b3890 Mon Sep 17 00:00:00 2001 From: Edd Sowden Date: Thu, 16 Oct 2014 13:52:40 +0000 Subject: [PATCH] Update footer links to current browse sections Also update it so the list is in alphabetical order. As with the homepage the easiest way of doing this is to have two lists floated side by side. --- app/assets/stylesheets/helpers/_footer.scss | 23 +++++++++++---------- app/views/root/_base.html.erb | 22 ++++++++++++-------- 2 files changed, 25 insertions(+), 20 deletions(-) diff --git a/app/assets/stylesheets/helpers/_footer.scss b/app/assets/stylesheets/helpers/_footer.scss index 432e21fa2..2e5a1b274 100644 --- a/app/assets/stylesheets/helpers/_footer.scss +++ b/app/assets/stylesheets/helpers/_footer.scss @@ -18,6 +18,7 @@ h2 { margin: 0 15px; + padding: 10px 0 0; @include media(tablet) { padding: 0 0 20px; @@ -40,26 +41,26 @@ ul { @include core-16; list-style: none; - - padding: 10px 0 0; - margin: 0 15px 30px; + padding: 0; + margin: 0; @include media(tablet){ - padding: 20px 0 0; - margin: 0 15px; - } - @include ie-lte(7){ - padding: 0; // for some reason IE6-7 gives the ul padding to each of the floated children + float: left; + margin: 15px 0 0 0; + width: 50%; } + li { display: block; margin-bottom: 5px; + padding: 10px 0 0; + margin: 0 15px 5px; + @include media(tablet){ - float: left; - margin: 15px 0 0 0; - width: 50%; + padding: 20px 0 0; + margin: 0 15px; } } } diff --git a/app/views/root/_base.html.erb b/app/views/root/_base.html.erb index e7dc76574..e458457ec 100644 --- a/app/views/root/_base.html.erb +++ b/app/views/root/_base.html.erb @@ -44,19 +44,23 @@

Services and information

+