From a9e9eadb74ab238135676c6a022416e82d3e9f94 Mon Sep 17 00:00:00 2001 From: Jordy-Baby Date: Tue, 14 Jul 2026 16:50:11 +0100 Subject: [PATCH 1/2] fix(docs): align navbar GitHub button height with Sign in button --- src/css/custom.css | 23 +++++++++++++++++------ 1 file changed, 17 insertions(+), 6 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index b0965948..ea88a161 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -970,17 +970,24 @@ article a:hover { color: var(--envio-accent); } -/* --- GitHub navbar link shown as the GitHub mark, not text ----------- */ +/* --- GitHub navbar link shown as the GitHub mark, boxed to match Sign in --- */ .header-github-link { - display: flex; + display: inline-flex; align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border: 1px solid #333; + border-radius: 8px; + box-sizing: border-box; + transition: border-color 0.2s ease, background 0.2s ease; } .header-github-link::before { content: ""; display: inline-block; - width: 22px; - height: 22px; + width: 20px; + height: 20px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain; @@ -989,13 +996,17 @@ article a:hover { } .header-github-link:hover { - opacity: 0.7; + border-color: #555; + background: rgba(255, 255, 255, 0.05); } /* --- Sign in: filled white button on the far right (like the landing) --- */ .navbar__item--signin { + display: inline-flex; + align-items: center; + height: 36px; border-radius: 8px; - padding: 6px 16px; + padding: 0 16px; font-weight: 600; background: #ffffff !important; color: #000000 !important; From 386e2bf6782edcd9c94949f3261735f07cc2451a Mon Sep 17 00:00:00 2001 From: Jords Date: Thu, 30 Jul 2026 20:29:59 +0100 Subject: [PATCH 2/2] fix(docs): match envio.dev navbar button height exactly envio.dev renders both the GitHub button and Sign in at 38px. This branch pinned them to 36px, so the docs navbar matched the treatment but not the size. Bumps both to 38px. --- src/css/custom.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index ea88a161..3999c421 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -975,8 +975,8 @@ article a:hover { display: inline-flex; align-items: center; justify-content: center; - width: 36px; - height: 36px; + width: 38px; + height: 38px; border: 1px solid #333; border-radius: 8px; box-sizing: border-box; @@ -1004,7 +1004,7 @@ article a:hover { .navbar__item--signin { display: inline-flex; align-items: center; - height: 36px; + height: 38px; border-radius: 8px; padding: 0 16px; font-weight: 600;