fix: button in mobile

resources/js/pages/Customers/Show.vue

@@ -90,7 +90,7 @@ const exportExcel = () => {
                 <AppResetFilter :url="route('customers.show', customer.id)" />
               </div>
 
-              <div class="col-12">
+              <div class="col-12 flex flex-column sm:flex-row">
                 <AppButtonLink
                   v-if="historyPurchase.total"
                   label="Export excel"

resources/js/pages/Purchases/Report.vue

@@ -58,7 +58,7 @@ const exportExcel = () => {
             <AppResetFilter :url="route('purchases.report')" />
           </div>
 
-          <div class="col-12">
+          <div class="col-12 flex flex-column sm:flex-row">
             <AppButtonLink
               v-if="purchases.total"
               label="Export excel"

resources/js/pages/Purchases/Show.vue

@@ -96,7 +96,7 @@ const { cart, totalCartPrice } = useCart(form, props.purchaseDetail)
         </div>
       </div>
 
-      <div class="col-12 flex justify-content-end">
+      <div class="col-12 flex flex-column sm:flex-row justify-content-end">
         <AppButtonLink
           label="Cetak Invoice"
           icon="pi pi-print"
@@ -106,7 +106,7 @@ const { cart, totalCartPrice } = useCart(form, props.purchaseDetail)
         />
       </div>
 
-      <div class="col-12 flex justify-content-end">
+      <div class="col-12 flex flex-column sm:flex-row justify-content-end">
         <AppButtonLink
           label="Cetak Delivery Order"
           icon="pi pi-print"

resources/js/pages/Sales/Report.vue

@@ -48,7 +48,7 @@ const exportExcel = () => {
             <AppResetFilter :url="route('sales.report')" />
           </div>
 
-          <div class="col-12">
+          <div class="col-12 flex flex-column sm:flex-row">
             <AppButtonLink
               v-if="sales.total"
               label="Export excel"

resources/js/pages/Sales/Show.vue

@@ -96,7 +96,7 @@ const { cart, totalCartPrice } = useCart(form, props.saleDetail)
         </div>
       </div>
 
-      <div class="col-12 flex justify-content-end">
+      <div class="col-12 flex flex-column sm:flex-row justify-content-end">
         <AppButtonLink
           label="Cetak Invoice"
           icon="pi pi-print"
@@ -106,7 +106,7 @@ const { cart, totalCartPrice } = useCart(form, props.saleDetail)
         />
       </div>
 
-      <div class="col-12 flex justify-content-end">
+      <div class="col-12 flex flex-column sm:flex-row justify-content-end">
         <AppButtonLink
           label="Cetak Delivery Order"
           icon="pi pi-print"

resources/js/pages/Settings/Components/CompanyProfile.vue

@@ -86,7 +86,7 @@ const onSubmit = () => {
     </div>
 
     <div class="col-12">
-      <div class="flex flex-column md:flex-row justify-content-end">
+      <div class="flex flex-column sm:flex-row justify-content-end">
         <Button
           class="p-button-outlined"
           :icon="state.icon"

resources/js/pages/Settings/Components/Ppn.vue

@@ -42,7 +42,7 @@ const onSubmit = () => {
     </div>
 
     <div class="col-12">
-      <div class="flex flex-column md:flex-row justify-content-end">
+      <div class="flex flex-column sm:flex-row justify-content-end">
         <Button
           class="p-button-outlined"
           :icon="state.icon"

resources/js/pages/Users/Show.vue

@@ -61,7 +61,9 @@ const onChangePassword = () => {
                     />
                   </div>
 
-                  <div class="col-12 flex justify-content-end">
+                  <div
+                    class="col-12 flex flex-column sm:flex-row justify-content-end"
+                  >
                     <Button
                       label="Simpan"
                       icon="pi pi-check"
@@ -100,7 +102,9 @@ const onChangePassword = () => {
                     />
                   </div>
 
-                  <div class="col-12 flex justify-content-end">
+                  <div
+                    class="col-12 flex flex-column sm:flex-row justify-content-end"
+                  >
                     <Button
                       label="Simpan"
                       icon="pi pi-check"