From e755d8bf07a271c338d48e38848999f57a160d5a Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Wed, 13 Nov 2024 23:34:27 +0100
Subject: [PATCH] refactor(Footer): invert action buttons & OFF links

---
 src/components/Footer.vue | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 1851997cdc6..75bc1f9a526 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -2,7 +2,21 @@
   <v-footer class="bg-footer py-4">
     <v-row no-gutters>
       <v-col cols="12" md="6" align="center">
-        <i18n-t keypath="Footer.TagLine" tag="span">
+        <v-btn class="mx-2" variant="text" prepend-icon="mdi-chart-box-outline" to="/stats">
+          {{ $t('Common.Stats') }}
+        </v-btn>
+        <v-btn class="mx-2" variant="text" prepend-icon="mdi-cog-outline" to="/settings">
+          {{ $t('Common.Settings') }}
+        </v-btn>
+        <v-btn class="mx-2" variant="text" prepend-icon="mdi-information-outline" to="/about">
+          {{ $t('Common.About') }}
+        </v-btn>
+        <v-btn class="mx-2 my-2" variant="text" prepend-icon="mdi-github" :href="APP_GITHUB_FRONTEND_URL" target="_blank">
+          {{ GITHUB_NAME }}
+        </v-btn>
+      </v-col>
+      <v-col cols="12" md="6" align="center">
+        <i18n-t keypath="Footer.TagLine" tag="span" class="mb-1">
           <template #name>
             {{ APP_NAME }}
           </template>
@@ -11,27 +25,13 @@
           </template>
         </i18n-t>
         <br>
-        <v-btn v-for="source in sourceList" :key="source.source" class="mr-1 mb-2" size="x-small" active :prepend-icon="source.icon" :href="source.url" target="_blank">
+        <v-btn v-for="source in sourceList" :key="source.source" class="mr-1 my-2" size="x-small" active :prepend-icon="source.icon" :href="source.url" target="_blank">
           {{ source.label }}
           <v-tooltip activator="parent" open-on-click location="top">
             {{ source.name }}
           </v-tooltip>
         </v-btn>
       </v-col>
-      <v-col cols="12" md="6" align="center">
-        <v-btn class="mx-2" variant="text" prepend-icon="mdi-chart-box-outline" to="/stats">
-          {{ $t('Common.Stats') }}
-        </v-btn>
-        <v-btn class="mx-2" variant="text" prepend-icon="mdi-cog-outline" to="/settings">
-          {{ $t('Common.Settings') }}
-        </v-btn>
-        <v-btn class="mx-2" variant="text" prepend-icon="mdi-information-outline" to="/about">
-          {{ $t('Common.About') }}
-        </v-btn>
-        <v-btn class="mx-2" variant="text" prepend-icon="mdi-github" :href="APP_GITHUB_FRONTEND_URL" target="_blank">
-          {{ GITHUB_NAME }}
-        </v-btn>
-      </v-col>
     </v-row>
   </v-footer>
 </template>