From 659a95b6fdcb3e25a4a7fe178e41b3a715f7ae83 Mon Sep 17 00:00:00 2001
From: Andrea Vos <andrea@avris.it>
Date: Fri, 9 Dec 2022 20:04:04 +0100
Subject: [PATCH] social login providers - change order and give buttons more
 breathing space

---
 components/SocialLogin.vue |  8 +++++++-
 src/socialProviders.js     | 14 +++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/components/SocialLogin.vue b/components/SocialLogin.vue
index bc47743ce..af63bdd22 100644
--- a/components/SocialLogin.vue
+++ b/components/SocialLogin.vue
@@ -1,5 +1,6 @@
 <template>
     <div v-if="options.instanceRequired && formShown" class="btn border-primary text-primary">
+        <div class="p-1">
         <Icon :v="options.icon || provider" set="b"/>
         {{ options.name }}
 
@@ -11,13 +12,16 @@
                 <Icon v="arrow-right"/>
             </button>
         </form>
+        </div>
     </div>
     <button v-else-if="options.instanceRequired && !formShown"
-            class="btn btn-outline-primary"
+            class="btn btn-outline-primary p-2"
             @click="showForm">
+        <div class="p-1">
         <Icon :v="options.icon || provider" set="b"
               :class="[options.icon && options.icon.endsWith('.png') ? 'mx-1 invertible' : '']"/>
         {{ options.name }}
+        </div>
     </button>
     <a v-else-if="options.deprecated" :href="link"
        class="btn btn-outline-secondary btn-sm"
@@ -29,8 +33,10 @@
     <a v-else :href="link"
        class="btn btn-outline-primary"
     >
+        <div class="p-1">
         <Icon :v="options.icon || provider" set="b"/>
         {{ options.name }}
+        </div>
     </a>
 </template>
 
diff --git a/src/socialProviders.js b/src/socialProviders.js
index f3e82a5b2..27efc4c89 100644
--- a/src/socialProviders.js
+++ b/src/socialProviders.js
@@ -14,13 +14,6 @@ export const socialProviders = {
         iconMargin: true,
         avatars: false,
     },
-    twitter: {
-        name: 'Twitter',
-        linkRegex: (p) => `^https?://(?:www.)?twitter.com/${p.name}/?$`,
-        redirectViaHome: true,
-        avatars: true,
-        deprecated: 'https://en.pronouns.page/blog/twitter-login-deprecated',
-    },
     discord: {
         name: 'Discord',
         redirectViaHome: true,
@@ -31,6 +24,13 @@ export const socialProviders = {
         redirectViaHome: true,
         avatars: true,
     },
+    twitter: {
+        name: 'Twitter',
+        linkRegex: (p) => `^https?://(?:www.)?twitter.com/${p.name}/?$`,
+        redirectViaHome: true,
+        avatars: true,
+        deprecated: 'https://en.pronouns.page/blog/twitter-login-deprecated',
+    },
     facebook: {
         name: 'Facebook',
         redirectViaHome: true,