From af22099db55b55fba30836b879e3531c1e61ecdb Mon Sep 17 00:00:00 2001
From: Lumi Pakkanen <lumi.pakkanen@gmail.com>
Date: Thu, 20 Oct 2022 21:29:53 +0300
Subject: [PATCH] Give credits based on project roles

Add relevant styles to the About page

Co-authored-by: Sevish <SeanArchibald@users.noreply.github.com>
---
 src/views/AboutView.vue | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index f2669d1c..de0dab4a 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -8,18 +8,9 @@
       height="100"
     />
     <h1>Scale Workshop 2</h1>
-    <p style="margin-bottom: 2rem">
+    <p>
       <em>Because there are more than 12 notes</em>
     </p>
-    <hr />
-    <div class="control-group">
-      <div class="control">
-        <p>
-          With contributions from Sevish, Lumi Pakkanen, Lajos Mészáros and
-          Vincenzo Sicurella
-        </p>
-      </div>
-    </div>
     <div class="control-group">
       <div class="control">
         <a
@@ -38,6 +29,16 @@
         >
       </div>
     </div>
+    <hr />
+    <div id="contributors">
+      <h2>Contributors</h2>
+      <p>
+        Sevish - <i>UI/UX designer</i><br />
+        Lumi Pakkanen - <i>lead developer</i><br />
+        Vincenzo Sicurella - <i>developer</i><br />
+        Lajos Mészáros - <i>developer</i>
+      </p>
+    </div>
   </div>
 </template>
 
@@ -57,4 +58,8 @@ hr {
 .about > * {
   max-width: 30rem;
 }
+#contributors h2 {
+  border: unset;
+  text-align: center;
+}
 </style>