From 344214d03b3155249ca9fbad68f2fbce125a226d Mon Sep 17 00:00:00 2001
From: Lumi Pakkanen <lumi.pakkanen@gmail.com>
Date: Sat, 11 Nov 2023 19:51:24 +0200
Subject: [PATCH] Add a link to the new Discord channel over at Xenharmonic
 Alliance

Make About view styles scoped.

ref #468
---
 src/views/AboutView.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index 8f6f0fcc..90598d47 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -6,13 +6,14 @@
       <em>Because there are more than 12 notes</em>
     </p>
     <div class="control-group">
-      <div class="control">
+      <div class="control centered">
         <a
           class="btn"
           href="https://github.com/xenharmonic-devs/scale-workshop/wiki"
           target="_blank"
           >User guide</a
         >
+        <a class="btn" href="https://discord.gg/9nFzvpHJWn">Discord</a>
         <a class="btn" href="https://github.com/xenharmonic-devs/scale-workshop">GitHub</a>
         <a class="btn" href="https://github.com/xenharmonic-devs/scale-workshop/issues"
           >Report an issue</a
@@ -36,7 +37,7 @@
   </div>
 </template>
 
-<style>
+<style scoped>
 .about {
   height: 100vh;
   padding: 1rem;
@@ -45,6 +46,9 @@
   align-items: center;
   justify-content: center;
 }
+.centered {
+  justify-content: center;
+}
 hr {
   width: 100%;
   margin-bottom: 1rem;