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

@@ -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.

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()}
+              <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>