From a3559062db94b54684d6ad7562e1a50e2d44e2c9 Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Thu, 7 May 2026 20:55:14 -0400
Subject: [PATCH] Fix custody view column alignment by giving action buttons a
 fixed width

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/views/CustodyView.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/views/CustodyView.tsx b/web/src/views/CustodyView.tsx
index 224818e..d75d510 100644
--- a/web/src/views/CustodyView.tsx
+++ b/web/src/views/CustodyView.tsx
@@ -32,7 +32,7 @@ export function CustodyView({
   );
 
   return (
-    <div style={{ padding: "40px 48px", maxWidth: 1100 }}>
+    <div style={{ padding: "40px 48px", maxWidth: 1200 }}>
       <div style={{ marginBottom: 32 }}>
         <h1
           className="serif"
@@ -69,7 +69,7 @@ export function CustodyView({
           <div
             style={{
               display: "grid",
-              gridTemplateColumns: "32px 2fr 1fr 0.8fr 0.8fr auto",
+              gridTemplateColumns: "32px 2fr 1fr 0.8fr 0.8fr 260px",
               padding: "10px 16px",
               fontSize: 11,
               color: "var(--ink-3)",
@@ -125,7 +125,7 @@ function CustodyRow({
     <div
       style={{
         display: "grid",
-        gridTemplateColumns: "32px 2fr 1fr 0.8fr 0.8fr auto",
+        gridTemplateColumns: "32px 2fr 1fr 0.8fr 0.8fr 260px",
         padding: "12px 16px",
         alignItems: "center",
         borderBottom: "1px solid var(--line)",
@@ -153,7 +153,7 @@ function CustodyRow({
         {fmt.daysAgo(item.checkoutDate)}
       </div>
       <div
-        style={{ display: "flex", gap: 4 }}
+        style={{ display: "flex", gap: 4, justifyContent: "flex-end" }}
         onClick={(e) => e.stopPropagation()}
       >
         <Btn variant="sage" icon="check" onClick={onCheckin}>