From 058677adecb684fc4f6379f1079ebbb21d96ff17 Mon Sep 17 00:00:00 2001
From: Lance Edgar <lance@edbob.org>
Date: Tue, 15 Dec 2020 19:08:24 -0600
Subject: [PATCH] Tweak spacing for header logo + title, in falafel theme

those were just too close together, this should fix.

nb. i am unclear if everything in layout.css is actually being used..?
---
 tailbone/static/themes/falafel/css/layout.css | 6 ++++++
 tailbone/templates/themes/falafel/base.mako   | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/tailbone/static/themes/falafel/css/layout.css b/tailbone/static/themes/falafel/css/layout.css
index b22b6f97..b4fdccec 100644
--- a/tailbone/static/themes/falafel/css/layout.css
+++ b/tailbone/static/themes/falafel/css/layout.css
@@ -21,6 +21,12 @@ body {
  * header
  ******************************/
 
+/* this is the one in the very top left of screen, next to logo and linked to
+the home page */
+#global-header-title {
+    margin-left: 0.3rem;
+}
+
 header .level {
     /* TODO: not sure what this 60px was supposed to do? but it broke the */
     /* styles for the feedback dialog, so disabled it is.
diff --git a/tailbone/templates/themes/falafel/base.mako b/tailbone/templates/themes/falafel/base.mako
index 713d9547..46faf30e 100644
--- a/tailbone/templates/themes/falafel/base.mako
+++ b/tailbone/templates/themes/falafel/base.mako
@@ -175,7 +175,9 @@
           <div class="navbar-brand">
             <a class="navbar-item" href="${url('home')}">
               ${base_meta.header_logo()}
-              ${base_meta.global_title()}
+              <div id="global-header-title">
+                ${base_meta.global_title()}
+              </div>
             </a>
             <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
               <span aria-hidden="true"></span>