From 0fa00ed53a17e9060bcb1a84ece02c7ba0127f38 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 7 Dec 2023 17:37:19 +0700
Subject: [PATCH 1/2] refactor: global error dialog

---
 .../src/components/GlobalErrorDialog.vue       | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/Services/client/src/components/GlobalErrorDialog.vue b/Services/client/src/components/GlobalErrorDialog.vue
index 4197bdc..d2d682a 100644
--- a/Services/client/src/components/GlobalErrorDialog.vue
+++ b/Services/client/src/components/GlobalErrorDialog.vue
@@ -16,15 +16,19 @@ watch(visible, () => {
   <q-dialog transition-show="scale" transition-hide="scale" v-model="visible">
     <q-card style="width: 400px">
       <q-card-section>
-        <span class="text-h6">
-          <q-icon name="error" color="negative" size="2.5rem" />{{
-            title
-          }}</span
-        >
+        <div class="flex items-center" style="flex-wrap: nowrap">
+          <div class="q-pa-sm">
+            <div style="border-radius: 50%" class="bg-secondary q-pa-sm">
+              <q-icon name="mdi-alert" color="negative" size="2.5rem" />
+            </div>
+          </div>
+          <div>
+            <h6 class="q-my-none">{{ title }}</h6>
+            <p class="q-my-none">{{ msg }}</p>
+          </div>
+        </div>
       </q-card-section>
 
-      <q-card-section class="q-pt-none">{{ msg }}</q-card-section>
-
       <q-card-actions align="right" class="bg-white text-primary">
         <q-space />
         <q-btn

From 47648ab45fbaa7ceb42ddda2c57b3ac42b34c029 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 7 Dec 2023 17:38:05 +0700
Subject: [PATCH 2/2] refactor: prevent text from wrapping

---
 Services/client/src/components/DialogDelete.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Services/client/src/components/DialogDelete.vue b/Services/client/src/components/DialogDelete.vue
index 6b07256..9779b9c 100644
--- a/Services/client/src/components/DialogDelete.vue
+++ b/Services/client/src/components/DialogDelete.vue
@@ -21,7 +21,7 @@ const props = withDefaults(
   >
     <q-card style="width: 400px">
       <q-card-section>
-        <div class="flex items-center">
+        <div class="flex items-center" style="flex-wrap: nowrap">
           <div class="q-pa-sm">
             <div style="border-radius: 50%" class="bg-secondary q-pa-sm">
               <q-icon