From 15aca474eb0cb5d147505c02d6912db11946df8c Mon Sep 17 00:00:00 2001
From: ReenigneArcher <42013603+ReenigneArcher@users.noreply.github.com>
Date: Sun, 7 Aug 2022 16:34:39 -0400
Subject: [PATCH] fix button formatting

---
 src_assets/common/assets/web/index.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src_assets/common/assets/web/index.html b/src_assets/common/assets/web/index.html
index 32e8ed6c..55b41947 100644
--- a/src_assets/common/assets/web/index.html
+++ b/src_assets/common/assets/web/index.html
@@ -9,9 +9,13 @@
       <p>
         Resources for Sunshine!
       </p>
-      <a class="btn btn-primary" href="https://app.lizardbyte.dev" target="_blank">LizardByte Website</a>
-      <a class="btn btn-warning" href="https://app.lizardbyte.dev/discord" target="_blank"><i class="fab fa-fw fa-discord"></i> Discord</a>
-      <a class="btn btn-warning" href="https://github.com/LizardByte/Sunshine/discussions" target="_blank"><i class="fab fa-fw fa-github"></i> Github Discussions</a>
+      <div class="card-group p-4 align-items-center">
+        <a class="btn btn-success m-1" href="https://app.lizardbyte.dev" target="_blank">LizardByte Website</a>
+        <a class="btn btn-primary m-1" href="https://app.lizardbyte.dev/discord" target="_blank">
+          <i class="fab fa-fw fa-discord"></i> Discord</a>
+        <a class="btn btn-secondary m-1" href="https://github.com/LizardByte/Sunshine/discussions" target="_blank">
+          <i class="fab fa-fw fa-github"></i> Github Discussions</a>
+      </div>
     </div>
   </div>
   <!--Legal-->
@@ -22,8 +26,12 @@
       <p>
         By continuing to use this software you agree to the terms and conditions in the following documents.
       </p>
-      <a class="btn btn-danger" href="https://github.com/LizardByte/Sunshine/blob/master/LICENSE" target="_blank"><i class="fas fa-fw fa-file-alt"></i> License</a>
-      <a class="btn btn-danger" href="https://github.com/LizardByte/Sunshine/blob/master/NOTICE" target="_blank"><i class="fas fa-fw fa-exclamation"></i> Third Party Notice</a>
+      <div class="card-group p-4 align-items-center">
+        <a class="btn btn-danger m-1" href="https://github.com/LizardByte/Sunshine/blob/master/LICENSE" target="_blank">
+          <i class="fas fa-fw fa-file-alt"></i> License</a>
+        <a class="btn btn-danger m-1" href="https://github.com/LizardByte/Sunshine/blob/master/NOTICE" target="_blank">
+          <i class="fas fa-fw fa-exclamation"></i> Third Party Notice</a>
+      </div>
     </div>
   </div>
 </div>