diff --git a/src/css/custom.css b/src/css/custom.css index b0965948..3999c421 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: 38px; + height: 38px; + 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: 38px; border-radius: 8px; - padding: 6px 16px; + padding: 0 16px; font-weight: 600; background: #ffffff !important; color: #000000 !important;