From f3512123956f1e7797fb66a6312f782881bdb039 Mon Sep 17 00:00:00 2001
From: Roman Priesol <roman@priesol.net>
Date: Sun, 13 Sep 2026 12:18:00 +0200
Subject: [PATCH] Fix navbar dividers: border-start on the link itself instead
 of a standalone vr div

The vr utility needs stretch alignment from its flex parent to size
correctly -- inside a plain nav-item li it collapsed/misaligned instead
of showing as a clean vertical rule.
---
 views/_navbar.erb | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/views/_navbar.erb b/views/_navbar.erb
index cdedab2..f62135b 100644
--- a/views/_navbar.erb
+++ b/views/_navbar.erb
@@ -9,9 +9,8 @@
         <li class="nav-item">
           <a class="nav-link <%= 'active' if request.path == '/' %>" href="/">Home</a>
         </li>
-        <li class="nav-item"><div class="vr mx-2 my-2"></div></li>
         <li class="nav-item">
-          <a class="nav-link <%= 'active' if request.path.start_with?('/brother') %>" href="/brother">Brother</a>
+          <a class="nav-link border-start ps-3 <%= '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,9 +18,8 @@
         <li class="nav-item">
           <a class="nav-link <%= 'active' if request.path == '/epson' %>" href="/epson">Receipts</a>
         </li>
-        <li class="nav-item"><div class="vr mx-2 my-2"></div></li>
         <li class="nav-item">
-          <a class="nav-link <%= 'active' if request.path.start_with?('/labels') %>" href="/labels">Labels</a>
+          <a class="nav-link border-start ps-3 <%= 'active' if request.path.start_with?('/labels') %>" href="/labels">Labels</a>
         </li>
       </ul>
       <% if request.path.start_with?('/brother') %>