From 565bf86d2a12a69ced41426e505e2868c9e932c7 Mon Sep 17 00:00:00 2001
From: Lucas Cimon <lucas.cimon@gmail.com>
Date: Mon, 6 Nov 2017 15:08:11 +0100
Subject: [PATCH] Fixing navbar rendering

---
 static/css/main.css | 11 +++++------
 templates/base.html |  8 ++++----
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index ab08cf9..7480342 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -27,9 +27,6 @@ a {
   a:hover {
     color: #33b5e5; }
 
-.uk-navbar-brand {
-  text-transform: uppercase; }
-
 .uk-article-meta {
   color: #767676;  /* required to get an accessible contrast */ }
 .uk-article-meta > a {
@@ -98,7 +95,6 @@ a {
   font-family: "Open Sans", sans-serif;
   font-style: italic;
   font-size: 2.5rem;
-  padding-left: 0;
   color: white; }
   .mg-brand:hover, .mg-brand:focus {
     color: white; }
@@ -106,9 +102,11 @@ a {
     .mg-brand {
       padding: 0;
       max-width: 100%;
-      font-size: 2rem; } }
+      font-size: 2rem;
+      line-height: 2.5rem; } }
 
 .mg-tagline {
+  padding: 0 30px;
   font-family: "Open Sans", sans-serif;
   font-weight: 800;
   font-size: 1rem;
@@ -142,6 +140,7 @@ a {
     background-color: #FF9148;  }
 
 .mg-nav-small {
+  display: flex;
   width: 100% }
 .mg-nav-menu-toggle-small {
   flex: 1; }
@@ -313,7 +312,7 @@ a {
 
 
 /* Accessibility */
-a:focus, .uk-link:focus, .uk-navbar-brand:focus {
+a:focus, .uk-link:focus {
   outline: 1px dotted !important; /* resetting an outline - damn uikit :( */
 }
 
diff --git a/templates/base.html b/templates/base.html
index f2b2cbe..0fb9600 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -69,11 +69,11 @@
     <div class="mg-header-content uk-container uk-container-center">
 
         <div class="uk-hidden-small">
-            <a class="mg-brand uk-navbar-brand" href="{{ SITEURL }}">{% block header_text %}{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}{% endblock %}</a>
-            <div class="mg-tagline uk-navbar-content">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div>
+            <a class="mg-brand" href="{{ SITEURL }}">{% block header_text %}{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}{% endblock %}</a>
+            <div class="mg-tagline">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div>
         </div>
 
-        <ul class="mg-skiplinks">
+        <ul class="uk-hidden-small mg-skiplinks">
             <li><a href="#search-form">Search form</a></li>
         </ul>
 
@@ -84,7 +84,7 @@
 
         <div class="mg-nav-small uk-visible-small">
             <a class="mg-nav-menu-toggle-small uk-navbar-toggle" href="#mg-offcanvas" data-uk-offcanvas></a>
-            <a class="mg-brand uk-navbar-brand uk-navbar-center" href="{{ SITEURL }}">{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}</a>
+            <a class="mg-brand uk-navbar-center" href="{{ SITEURL }}">{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}</a>
         </div>
 
     </div>