From 9020e2e058385ce5ca35c0e524f63b20b82d7de2 Mon Sep 17 00:00:00 2001
From: Bryan Helmkamp <bryan@brynary.com>
Date: Thu, 7 May 2026 13:05:26 -0700
Subject: [PATCH] style(web): extend run tab bar underline to viewport edges

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 apps/fabro-web/app/routes/run-detail.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/fabro-web/app/routes/run-detail.tsx b/apps/fabro-web/app/routes/run-detail.tsx
index 04079adb4..909183dc6 100644
--- a/apps/fabro-web/app/routes/run-detail.tsx
+++ b/apps/fabro-web/app/routes/run-detail.tsx
@@ -301,7 +301,10 @@ export default function RunDetail({ params }: { params: { id: string } }) {
       </div>
 
       <div
-        className={classNames("border-b border-line", fullHeight && "shrink-0")}
+        className={classNames(
+          "relative before:pointer-events-none before:absolute before:bottom-0 before:left-1/2 before:h-px before:w-screen before:-translate-x-1/2 before:bg-line",
+          fullHeight && "shrink-0",
+        )}
       >
         <nav className="-mb-px flex gap-6">
           {tabs.map((tab) => {