Fix custody view column alignment by giving action buttons a fixed width

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-05-07 20:55:14 -04:00
parent e7fd9af62c
commit a3559062db
1 changed files with 4 additions and 4 deletions
@@ -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}>