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

@@ -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}>