From 1605322bc9e1380cc471f173b6d987f1546b88e8 Mon Sep 17 00:00:00 2001
From: Sean O'Connor <sean@soconnor.dev>
Date: Mon, 29 Jun 2026 15:30:19 -0400
Subject: [PATCH] Improve expense dialog button layout

---
 src/app/dashboard/expenses/page.tsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/app/dashboard/expenses/page.tsx b/src/app/dashboard/expenses/page.tsx
index 6152a4c..7b30e22 100644
--- a/src/app/dashboard/expenses/page.tsx
+++ b/src/app/dashboard/expenses/page.tsx
@@ -813,23 +813,35 @@ export default function ExpensesPage() {
 
             <ExpenseReceiptsPanel expenseId={editId} readOnly={isViewMode} />
           </div>
-          <DialogFooter className="gap-2 sm:gap-0">
+          <DialogFooter className="gap-2 sm:gap-3">
             {isViewMode ? (
               <>
-                <Button variant="outline" onClick={closeDialog}>
+                <Button
+                  variant="outline"
+                  className="w-full sm:w-auto"
+                  onClick={closeDialog}
+                >
                   Close
                 </Button>
-                <Button onClick={() => setDialogMode("edit")}>
+                <Button
+                  className="w-full sm:w-auto"
+                  onClick={() => setDialogMode("edit")}
+                >
                   <Pencil className="mr-2 h-4 w-4" />
                   Edit
                 </Button>
               </>
             ) : (
               <>
-                <Button variant="outline" onClick={closeDialog}>
+                <Button
+                  variant="outline"
+                  className="w-full sm:w-auto"
+                  onClick={closeDialog}
+                >
                   Cancel
                 </Button>
                 <Button
+                  className="w-full sm:w-auto"
                   onClick={handleSubmit}
                   disabled={create.isPending || update.isPending}
                 >