From 27a13b4a3520d666107311dfeb6673f2d7292e1b Mon Sep 17 00:00:00 2001
From: marszayn <official.muammar@gmail.com>
Date: Mon, 7 Jul 2025 09:45:11 +0700
Subject: [PATCH] update mobile

---
 .../izinemisi/index_permohonan.blade.php      | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/resources/views/izinemisi/index_permohonan.blade.php b/resources/views/izinemisi/index_permohonan.blade.php
index c8d71f8..87c7608 100644
--- a/resources/views/izinemisi/index_permohonan.blade.php
+++ b/resources/views/izinemisi/index_permohonan.blade.php
@@ -11,21 +11,24 @@
 
             <div class="card basic-data-table">
                 <div class="card-body">
-                    <div class="d-flex justify-content-between align-items-center mb-3">
+                    <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-3 gap-3">
                         <div>
-                        <h5>Data Permohonan Izin Tempat Uji Emisi</h5>
+                            <h5 class="mb-0">Data Permohonan Izin Tempat Uji Emisi</h5>
                         </div>
-                        <div class="d-flex align-items-center justify-content-end gap-2">
-                            <div>
-                                <button class="btn btn-primary btn-sm d-flex align-items-center gap-2">
+                        <div class="d-flex flex-column flex-sm-row align-items-stretch align-items-sm-center justify-content-end gap-2 w-100 w-md-auto">
+                            <div class="flex-fill flex-sm-fill-0">
+                                <button class="btn btn-primary btn-sm d-flex align-items-center justify-content-center gap-2 w-100">
                                     <iconify-icon icon="material-symbols:info"></iconify-icon>
-                                    Total Permohonan: <strong>{{ $jumlahIzin ?? 20 }}</strong>
+                                    <span class="d-none d-sm-inline">Total Permohonan:</span>
+                                    <span class="d-inline d-sm-none">Total:</span>
+                                    <strong>{{ $jumlahIzin ?? 20 }}</strong>
                                 </button>
                             </div>
-                            <div>
-                                <button class="btn btn-success btn-sm d-flex align-items-center gap-2">
+                            <div class="flex-fill flex-sm-fill-0">
+                                <button class="btn btn-success btn-sm d-flex align-items-center justify-content-center gap-2 w-100">
                                     <iconify-icon icon="material-symbols:download"></iconify-icon>
-                                    Unduh Permohonan
+                                    <span class="d-none d-sm-inline">Unduh Permohonan</span>
+                                    <span class="d-inline d-sm-none">Unduh</span>
                                 </button>
                             </div>
                         </div>