From 11b8bcd8cbab60eea9d109ccaab9c4ea1326ad80 Mon Sep 17 00:00:00 2001
From: Gabriel Pastori <58153955+gabrielpastori1@users.noreply.github.com>
Date: Sun, 19 Nov 2023 01:40:19 -0300
Subject: [PATCH] Fix button colors and alignment in About and Settings modals

---
 src/components/modal/About.vue    |  4 +-
 src/components/modal/Settings.vue | 65 +++++++++++++++++--------------
 2 files changed, 38 insertions(+), 31 deletions(-)

diff --git a/src/components/modal/About.vue b/src/components/modal/About.vue
index 977da99..2296443 100644
--- a/src/components/modal/About.vue
+++ b/src/components/modal/About.vue
@@ -27,12 +27,12 @@
             <v-btn
               href="https://github.com/gabrielpastori1/evolution-manager"
               target="_blank"
-              color="grey darken-3"
+              color="grey-darken-3"
             >
               <v-icon start>mdi-github</v-icon>
               Repositório no GitHub
             </v-btn>
-            <v-btn @click="contribute" color="grey darken-3">
+            <v-btn @click="contribute" color="light-blue">
               <v-icon start>mdi-hand-coin</v-icon>
               Contribua com o projeto
             </v-btn>
diff --git a/src/components/modal/Settings.vue b/src/components/modal/Settings.vue
index 78d93ae..9b9813f 100644
--- a/src/components/modal/Settings.vue
+++ b/src/components/modal/Settings.vue
@@ -31,35 +31,42 @@
         </v-alert>
       </v-card-text>
       <v-card-actions>
-        <v-btn size="small" text @click="showAbout"> Sobre esse Manager </v-btn>
-
-        <v-spacer></v-spacer>
-        <v-btn
-          v-if="!!AppStore.connection.host"
-          icon
-          size="small"
-          @click="logout"
-          :disabled="loading"
-        >
-          <v-icon>mdi-logout</v-icon>
-        </v-btn>
-        <v-btn
-          v-if="AppStore.validConnection"
-          text
-          @click="dialog = false"
-          :disabled="loading"
-        >
-          Cancel
-        </v-btn>
-        <v-btn
-          color="success"
-          variant="tonal"
-          @click="save()"
-          :disabled="!valid"
-          :loading="loading"
-        >
-          Conectar
-        </v-btn>
+        <div class="d-flex flex-wrap justify-space-between w-100 align-center">
+          <v-btn size="small" text @click="showAbout">
+            Sobre esse Manager
+          </v-btn>
+          <div class="d-flex justify-end flex-grow-1 gap-1">
+            <v-btn
+              v-if="!!AppStore.connection.host"
+              icon
+              class="ml-0"
+              size="small"
+              @click="logout"
+              :disabled="loading"
+            >
+              <v-icon>mdi-logout</v-icon>
+            </v-btn>
+            <v-btn
+              v-if="AppStore.validConnection"
+              class="ml-0"
+              text
+              @click="dialog = false"
+              :disabled="loading"
+            >
+              Cancel
+            </v-btn>
+            <v-btn
+              color="success"
+              class="ml-0"
+              variant="tonal"
+              @click="save()"
+              :disabled="!valid"
+              :loading="loading"
+            >
+              Conectar
+            </v-btn>
+          </div>
+        </div>
       </v-card-actions>
     </v-card>