menu buttons centered on bigger screens

Author: supalarry

frontend/src/components/app/settings/MenuButton.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- eslint-disable max-len -->
   <div class="flex w-full mx-auto cursor-pointer md:hover:bg-purple-300">
-    <h1 class="text-gray-matcha py-6 md:py-4 md:py-2 text-xl md:text-base w-full md:w-auto text-center md:text-left">{{text}}</h1>
+    <h1 class="text-gray-matcha py-6 md:py-4 md:py-2 text-xl md:text-base w-full md:w-auto text-center mx-auto">{{text}}</h1>
   </div>
 </template>