feat(ui): align button center in cross axis; enable large button class

front/src/components/ui/Button.vue

@@ -55,7 +55,7 @@ onMounted(() => {
     :class="[
       'is-' + width,
       'is-text-aligned-' + (alignText ?? 'center'),
-      'is-self-aligned-' + (alignSelf ?? 'start'),
+      'is-self-aligned-' + (alignSelf ?? 'center'),
       {
         'is-active': isActive,
         'is-loading': isLoading,
@@ -100,7 +100,7 @@ onMounted(() => {
 
     transform: translateX(var(--fw-translate-x)) translateY(var(--fw-translate-y)) scale(var(--fw-scale));
     transition: all .2s ease;
-x
+
     &.is-text-aligned-center {
       justify-content: center
     }
@@ -158,6 +158,9 @@ x
 
     i.bi {
       font-size: 1.2rem;
+      &.large {
+        font-size:2rem;
+      }
     }
 
     i.bi + span:not(:empty) {