From be605666299d1daa2137aa1b5b64f71505d84240 Mon Sep 17 00:00:00 2001 From: Scott Mansell Date: Wed, 16 Sep 2015 16:30:46 +1200 Subject: [PATCH] Adjust padding around logo and search. Also add a link to github, which is floated right to try and ballence the header. --- javascripts/theme.js | 3 +++ sass/application.scss | 9 +++++++-- stylesheets/application.css | 10 ++++++++-- 3 files changed, 18 insertions(+), 4 deletions(-) diff --git a/javascripts/theme.js b/javascripts/theme.js index ed7752b..fad869f 100644 --- a/javascripts/theme.js +++ b/javascripts/theme.js @@ -13,6 +13,9 @@ $('#update fieldset.tabular legend').click(function() { $(this).closest('fieldset').toggleClass('show-children'); }); + + // add fork us on github link + var menu = $("#main-menu>ul").append("
  • Github Project
  • "); }); })(jQuery); diff --git a/sass/application.scss b/sass/application.scss index 9b4a4e5..ce1ff4a 100644 --- a/sass/application.scss +++ b/sass/application.scss @@ -72,18 +72,20 @@ code { height: auto; min-height: 4em; background: $gray-dark; - padding: 7px 17px 0 17px; + padding: 12px 17px 0 17px; > h1 { display: inline-block; background: url('../images/logo.svg') no-repeat 5px 5px; background-size: 72px 40px; padding-left: 89px; - margin: 0 20px 9px 9px; + margin: 0 20px 14px 9px; } } // Search box #quick-search { + margin-top: 10px; + select { padding: 5px 15px 5px 5px; height: auto; @@ -126,6 +128,9 @@ code { } } } + li.float { + float: right; + } } // Content diff --git a/stylesheets/application.css b/stylesheets/application.css index 1499093..4efd70b 100644 --- a/stylesheets/application.css +++ b/stylesheets/application.css @@ -576,16 +576,19 @@ code { height: auto; min-height: 4em; background: #202020; - padding: 7px 17px 0 17px; + padding: 12px 17px 0 17px; } #header > h1 { display: inline-block; background: url("../images/logo.svg") no-repeat 5px 5px; background-size: 72px 40px; padding-left: 89px; - margin: 0 20px 9px 9px; + margin: 0 20px 14px 9px; } +#quick-search { + margin-top: 10px; +} #quick-search select { padding: 5px 15px 5px 5px; height: auto; @@ -632,6 +635,9 @@ code { font-weight: 400; background: #fff; } +#main-menu li.float { + float: right; +} #main { *zoom: 1;