From dd700617989cd2d5b56f0e963130dce3ef30ba1a Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Sun, 2 Apr 2023 17:05:41 +0200
Subject: [PATCH] feat: use buttons instead of list for social links

---
 src/views/HomeView.vue | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1d3cd14..284b605 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -47,22 +47,20 @@ const showModal = inject<Function>(showModalKey, Function);
       feel free to reach out!
     </p>
 
-    <ul class="social">
-      <li class="twitter">
-        <a href="https://twitter.com/SebinNyshkim">Twitter</a>
-      </li>
-      <li class="mastodon">
-        <a href="https://meow.social/@SebinNyshkim" rel="me">Mastodon</a>
-      </li>
-      <li class="telegram">
-        <a href="https://t.me/SebinNyshkim">Telegram</a>
-      </li>
-      <li class="furaffinity">
-        <a href="https://www.furaffinity.net/user/sonofdragons">
-          Fur Affinity
-        </a>
-      </li>
-    </ul>
+    <ButtonGroup grid class="social">
+      <Button href="https://twitter.com/SebinNyshkim" class="twitter">
+        Twitter
+      </Button>
+      <Button href="https://meow.social/@SebinNyshkim" class="mastodon" rel="me" >
+        Mastodon
+      </Button>
+      <Button href="https://t.me/SebinNyshkim" class="telegram">
+        Telegram
+      </Button>
+      <Button href="https://www.furaffinity.net/user/sonofdragons" class="furaffinity">
+        Fur Affinity
+      </Button>
+    </ButtonGroup>
 
     <blockquote>
       <strong>Note:</strong> This page is still under heavy construction, as