changes

app/components/datepicker/PickMonth.vue

@@ -1,11 +1,26 @@
 <template>
-  <div class="columns is-mobile is-multiline mx-0">
-    <span
-      v-for="month in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]"
-      :id="String(month)"
-      class="column has-text-centered is-4 is-clickable fs-14"
-      @click="$emit('month', month)"
-      >Tháng {{ month }}
-    </span>
+  <div class="fixed-grid has-3-cols">
+    <div
+      class="grid"
+      style="gap: 0.5rem 0"
+    >
+      <div
+        v-for="month in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]"
+        :key="month"
+        class="cell is-flex"
+      >
+        <button
+          class="button is-white fs-14 w-full"
+          @click="$emit('month', month)"
+        >
+          Tháng {{ month }}
+        </button>
+      </div>
+    </div>
   </div>
 </template>
+<style scoped>
+.button {
+  --bulma-button-color-l: 25%;
+}
+</style>