From 9e1d04da805515e7a6a91b2379ad6ecf38cf3d39 Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Wed, 11 Mar 2026 18:52:33 -0500
Subject: [PATCH] feat(web): add styles for add account and institution buttons
 with disabled state

---
 src/FiscalOS.Web/src/components/AddAccountForm.vue  | 11 +++++++++++
 src/FiscalOS.Web/src/components/InstitutionCard.vue | 11 +++++++++++
 src/FiscalOS.Web/src/views/AccountsView.vue         | 11 +++++++++++
 3 files changed, 33 insertions(+)

diff --git a/src/FiscalOS.Web/src/components/AddAccountForm.vue b/src/FiscalOS.Web/src/components/AddAccountForm.vue
index b6e2d7f..05085c7 100644
--- a/src/FiscalOS.Web/src/components/AddAccountForm.vue
+++ b/src/FiscalOS.Web/src/components/AddAccountForm.vue
@@ -73,4 +73,15 @@
     gap: 0.25rem;
     align-items: center;
   }
+
+  .add-account-button {
+    background: var(--bg-element);
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.25rem;
+  }
+
+  .add-account-button:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
 </style>
diff --git a/src/FiscalOS.Web/src/components/InstitutionCard.vue b/src/FiscalOS.Web/src/components/InstitutionCard.vue
index b354022..b6ababa 100644
--- a/src/FiscalOS.Web/src/components/InstitutionCard.vue
+++ b/src/FiscalOS.Web/src/components/InstitutionCard.vue
@@ -164,6 +164,17 @@
     gap: 0.5rem;
   }
 
+  .add-account-button {
+    background: var(--bg-element);
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.25rem;
+  }
+
+  .add-account-button:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
   .accounts-list {
     display: flex;
     flex-direction: column;
diff --git a/src/FiscalOS.Web/src/views/AccountsView.vue b/src/FiscalOS.Web/src/views/AccountsView.vue
index 3c40a32..8aac2ae 100644
--- a/src/FiscalOS.Web/src/views/AccountsView.vue
+++ b/src/FiscalOS.Web/src/views/AccountsView.vue
@@ -120,4 +120,15 @@
     gap: 1rem;
     padding: 1rem;
   }
+
+  .add-institution-button {
+    background: var(--bg-element);
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.25rem;
+  }
+
+  .add-institution-button:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
 </style>