From 81d7337ce8d3c2bb9f461fda8508603cbc181a65 Mon Sep 17 00:00:00 2001
From: Catherine Renelle <32781029+catrenelle@users.noreply.github.com>
Date: Sun, 15 Feb 2026 22:47:32 -0500
Subject: [PATCH] Make account cards equal height with bottom-aligned actions

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/views/accounts/AccountsView.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/accounts/AccountsView.vue b/frontend/src/views/accounts/AccountsView.vue
index 23630eb..6e6cd3c 100644
--- a/frontend/src/views/accounts/AccountsView.vue
+++ b/frontend/src/views/accounts/AccountsView.vue
@@ -8,7 +8,7 @@
 
     <v-row>
       <v-col v-for="account in accountsStore.accounts" :key="account.id" cols="12" md="6" lg="4">
-        <v-card :to="`/accounts/${account.id}/transactions`" hover>
+        <v-card :to="`/accounts/${account.id}/transactions`" hover class="d-flex flex-column" height="100%">
           <v-card-title>
             <v-icon class="mr-2">{{ accountTypeIcon(account.type) }}</v-icon>
             {{ account.name }}
@@ -24,6 +24,7 @@
             </div>
             <div v-if="account.interestRate" class="text-caption">APR: {{ account.interestRate }}%</div>
           </v-card-text>
+          <v-spacer />
           <v-card-actions>
             <v-btn size="small" variant="text" @click.prevent="editAccount(account)">Edit</v-btn>
             <v-btn v-if="account.hasLoanDetail" size="small" variant="text" color="info" :to="`/loans/${account.id}`" @click.stop>Loan Details</v-btn>