From c420bbccc9bd1c348e41904e826dc49c71d7eeb4 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Wed, 17 May 2023 09:53:55 +0200
Subject: [PATCH] fix(front): Improve Delete account modal UI

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Settings/AccountSettings.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/js/src/views/Settings/AccountSettings.vue b/js/src/views/Settings/AccountSettings.vue
index ef9b3208..fbe1a141 100644
--- a/js/src/views/Settings/AccountSettings.vue
+++ b/js/src/views/Settings/AccountSettings.vue
@@ -187,7 +187,7 @@
                         :placeholder="t('Password')"
                       />
                       <template #message>
-                        <o-notification
+                        <o-notification class="mt-2 not-italic text-base"
                           variant="danger"
                           v-for="message in deletePasswordErrors"
                           :key="message"
@@ -196,16 +196,18 @@
                         </o-notification>
                       </template>
                     </o-field>
-                    <o-button
-                      class="mt-2"
-                      native-type="submit"
-                      variant="danger"
-                      size="large"
-                    >
-                      {{ t("Delete everything") }}
-                    </o-button>
+                    <div class="flex items-center justify-center">
+                      <o-button
+                        class="mt-2"
+                        native-type="submit"
+                        variant="danger"
+                        size="large"
+                      >
+                        {{ t("Delete everything") }}
+                      </o-button>
+                    </div>
                   </form>
-                  <div class="mt-4">
+                  <div class="mt-4 text-center">
                     <o-button
                       variant="light"
                       @click="isDeleteAccountModalActive = false"