center scroll up button

Author: supalarry

frontend/src/components/shared/ScrollUpButton.vue

@@ -1,9 +1,11 @@
 <template>
   <!-- eslint-disable max-len -->
-  <button v-if="showScroll"
-          class="z-10 fixed text-2xl text-white-matcha font-bold bottom-0 mx-auto ml-4 sm:ml-8 mb-8 w-12 h-12 rounded-full bg-purple-matcha"
-          v-on:click="scrollUp()">
-    ↑</button>
+  <div class="fixed bottom-0 w-full flex justify-center -ml-4 sm:-ml-16 lg:-ml-32">
+    <button v-if="showScroll"
+            class="z-10 text-2xl text-white-matcha font-bold mb-10 w-12 h-12 rounded-full bg-purple-matcha"
+            v-on:click="scrollUp()">
+      ↑</button>
+  </div>
 </template>
 
 <script>