From: Dan Allen <dan@opendevise.com>
Date: Sat, 4 Sep 2021 09:15:22 +0000 (-0600)
Subject: fix layout of brand in navbar when text wraps
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=091649aeba43ba9f9ea934bb0d6db4123d5d13a9;p=eg-antora.git

fix layout of brand in navbar when text wraps
---

diff --git a/src/css/header.css b/src/css/header.css
index 066353f..6044296 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -26,16 +26,22 @@ body {
   padding-left: 1rem;
 }
 
-.navbar-brand .navbar-item:first-child,
-.navbar-brand .navbar-item:first-child a {
+.navbar-brand .navbar-item:first-child {
   align-self: center;
   padding: 0;
   color: var(--navbar-font-color);
   font-size: calc(22 / var(--rem-base) * 1rem);
+  flex-wrap: wrap;
+  line-height: 1;
+}
+
+.navbar-brand .navbar-item:first-child a {
+  color: inherit;
+  word-wrap: normal;
 }
 
-.navbar-brand .separator {
-  padding: 0 0.375rem;
+.navbar-brand .navbar-item:first-child :not(:last-child) {
+  padding-right: 0.375rem;
 }
 
 .navbar-burger {