From 091649aeba43ba9f9ea934bb0d6db4123d5d13a9 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Sat, 4 Sep 2021 03:15:22 -0600 Subject: [PATCH] fix layout of brand in navbar when text wraps --- src/css/header.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) 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 { -- 2.11.0