From 36e161cda5cd666fcdc6fc3d26b57bfdb67a523a Mon Sep 17 00:00:00 2001
From: Gavin Jaeger-Freeborn <gavinfreeborn@gmail.com>
Date: Fri, 2 Aug 2024 11:08:35 -0700
Subject: [PATCH] Change tenant deletion button colour and proportions

Signed-off-by: Gavin Jaeger-Freeborn <gavinfreeborn@gmail.com>
---
 .../frontend/src/assets/primevueOverrides/buttons.scss    | 2 +-
 services/tenant-ui/frontend/src/views/tenant/Profile.vue  | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/services/tenant-ui/frontend/src/assets/primevueOverrides/buttons.scss b/services/tenant-ui/frontend/src/assets/primevueOverrides/buttons.scss
index 7faeeb697..68d980667 100644
--- a/services/tenant-ui/frontend/src/assets/primevueOverrides/buttons.scss
+++ b/services/tenant-ui/frontend/src/assets/primevueOverrides/buttons.scss
@@ -2,7 +2,7 @@
 
 button {
   &.p-button {
-    &:not(.p-button-rounded):not(.p-button-text):not(.p-button-link) {
+    &:not(.p-button-rounded):not(.p-danger):not(.p-button-text):not(.p-button-link) {
       padding: 0.5rem 1rem;
       background-color: $tenant-ui-secondary-color;
       border-color: $tenant-ui-secondary-color;
diff --git a/services/tenant-ui/frontend/src/views/tenant/Profile.vue b/services/tenant-ui/frontend/src/views/tenant/Profile.vue
index c352706da..61a569379 100644
--- a/services/tenant-ui/frontend/src/views/tenant/Profile.vue
+++ b/services/tenant-ui/frontend/src/views/tenant/Profile.vue
@@ -11,8 +11,14 @@
         <div class="col-fixed" style="width: 50rem">
           <ProfileForm />
           <Issuance />
+          <Button
+            class="my-4 w-full p-danger"
+            :style="{ padding: '0.5rem 1rem', fontWeight: 'normal' }"
+            severity="danger"
+            label="Delete Tenant"
+            @click="openModal"
+          />
         </div>
-        <Button class="my-4 w-full" label="Delete Tenant" @click="openModal" />
         <Dialog
           v-model:visible="displayModal"
           :style="{ minWidth: '500px' }"