Remove doubled-up padding on the divider links, add explicit flex align to the brand row
deploy / deploy (push) Successful in 9s

ps-3 stacked on top of nav-link's own padding made the gap after the
border look uneven -- nav-link's built-in padding is enough on its own.
This commit is contained in:
randy committed 2026-09-13 12:20:45 +02:00
1 parent f351212395
commit ec9278c0dd
1 file changed
+3 -3
+3 -3
View File
@@ -1,5 +1,5 @@
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<div class="container-fluid d-flex align-items-center">
<a class="navbar-brand" href="/">Print server</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@@ -10,7 +10,7 @@
<a class="nav-link <%= 'active' if request.path == '/' %>" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link border-start ps-3 <%= 'active' if request.path.start_with?('/brother') %>" href="/brother">Brother</a>
<a class="nav-link border-start <%= 'active' if request.path.start_with?('/brother') %>" href="/brother">Brother</a>
</li>
<li class="nav-item">
<a class="nav-link <%= 'active' if request.path == '/upload' %>" href="/upload">Shipping labels</a>
@@ -19,7 +19,7 @@
<a class="nav-link <%= 'active' if request.path == '/epson' %>" href="/epson">Receipts</a>
</li>
<li class="nav-item">
<a class="nav-link border-start ps-3 <%= 'active' if request.path.start_with?('/labels') %>" href="/labels">Labels</a>
<a class="nav-link border-start <%= 'active' if request.path.start_with?('/labels') %>" href="/labels">Labels</a>
</li>
</ul>
<% if request.path.start_with?('/brother') %>