From 0fe8a3b0279d2e1f78976f29dacc686cd595ba09 Mon Sep 17 00:00:00 2001
From: Rohmad Eko Wahyudi <eko@impstudio.co.id>
Date: Wed, 12 Nov 2025 10:38:55 +0700
Subject: [PATCH] feat: gap form

---
 Views/Data/BankSampahInduk/Index.cshtml     | 12 ++++----
 Views/Data/HargaSampah/Index.cshtml         |  8 ++---
 Views/Data/Nasabah/Index.cshtml             | 18 +++++------
 Views/Data/Offtaker/Index.cshtml            | 34 ++++++++++-----------
 Views/Main/BankSampahNasabah/Index.cshtml   |  8 ++---
 Views/Main/Composting/Index.cshtml          | 32 +++++++++----------
 Views/Main/DataBankSampah/Index.cshtml      | 24 +++++++--------
 Views/Main/DataOfftaker/Index.cshtml        | 16 +++++-----
 Views/Main/TransaksiLaporan/Index.cshtml    |  6 ++--
 Views/Main/TransaksiNasabah/Index.cshtml    | 16 +++++-----
 Views/Master/Aktivitas/Index.cshtml         |  6 ++--
 Views/Master/Artikel/Index.cshtml           |  6 ++--
 Views/Master/BadanHukum/Index.cshtml        |  6 ++--
 Views/Master/Fasilitas/Index.cshtml         |  6 ++--
 Views/Master/JenisBankSampah/Index.cshtml   |  6 ++--
 Views/Master/JenisNasabah/Index.cshtml      |  6 ++--
 Views/Master/JenisPengolahan/Index.cshtml   |  6 ++--
 Views/Master/JenisSampah/Index.cshtml       |  6 ++--
 Views/Master/Kategori/Index.cshtml          |  6 ++--
 Views/Master/KategoriFasilitas/Index.cshtml |  6 ++--
 Views/Master/KategoriSampah/Index.cshtml    |  6 ++--
 Views/Master/Mitra/Index.cshtml             |  6 ++--
 Views/Master/StatusLahan/Index.cshtml       |  6 ++--
 Views/Master/SubKategoriSampah/Index.cshtml |  6 ++--
 24 files changed, 129 insertions(+), 129 deletions(-)

diff --git a/Views/Data/BankSampahInduk/Index.cshtml b/Views/Data/BankSampahInduk/Index.cshtml
index de0e185..9ca18f0 100644
--- a/Views/Data/BankSampahInduk/Index.cshtml
+++ b/Views/Data/BankSampahInduk/Index.cshtml
@@ -24,16 +24,16 @@
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
             <input type="hidden" id="bank_sampah_induk_id" value="">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Row 1 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Nama
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="nama" class="input" placeholder="Nama Bank Sampah Induk" required />
+                            <input type="text" id="nama" class="input w-full" placeholder="Nama Bank Sampah Induk" required />
                         </fieldset>
                     </div>
 
@@ -43,7 +43,7 @@
                                 Tanggal Pendaftaran
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="date" id="tgl_pendaftaran" class="input" required />
+                            <input type="date" id="tgl_pendaftaran" class="input w-full" required />
                         </fieldset>
                     </div>
                 </div>
@@ -55,7 +55,7 @@
                             Status
                             <span class="text-red-500">*</span>
                         </legend>
-                        <select id="status" class="select" required>
+                        <select id="status" class="select w-full" required>
                             <option value="" disabled selected>Pilih status</option>
                             <option value="Aktif">Aktif</option>
                             <option value="Tidak Aktif">Tidak Aktif</option>
@@ -65,7 +65,7 @@
 
                 <!-- Buttons -->
                 <div class="flex gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
diff --git a/Views/Data/HargaSampah/Index.cshtml b/Views/Data/HargaSampah/Index.cshtml
index 544c9a4..0180b18 100644
--- a/Views/Data/HargaSampah/Index.cshtml
+++ b/Views/Data/HargaSampah/Index.cshtml
@@ -23,7 +23,7 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Harga Sampah</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Row 1 -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
@@ -31,7 +31,7 @@
                             Nama Subkategori Sampah
                             <span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama_subkategori" class="input" placeholder="Nama Subkategori Sampah" required />
+                        <input type="text" id="nama_subkategori" class="input w-full" placeholder="Nama Subkategori Sampah" required />
                     </fieldset>
                 </div>
 
@@ -42,13 +42,13 @@
                             Harga (Rp)
                             <span class="text-red-500">*</span>
                         </legend>
-                        <input type="number" id="harga" class="input" placeholder="Harga (Rp)" required />
+                        <input type="number" id="harga" class="input w-full" placeholder="Harga (Rp)" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
diff --git a/Views/Data/Nasabah/Index.cshtml b/Views/Data/Nasabah/Index.cshtml
index 14923fa..811dd11 100644
--- a/Views/Data/Nasabah/Index.cshtml
+++ b/Views/Data/Nasabah/Index.cshtml
@@ -24,16 +24,16 @@
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
             <input type="hidden" id="nasabah_id" value="">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Row 1 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Nama
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="nama" class="input" placeholder="Nama Nasabah" required />
+                            <input type="text" id="nama" class="input w-full" placeholder="Nama Nasabah" required />
                         </fieldset>
                     </div>
 
@@ -43,20 +43,20 @@
                                 Tanggal Pendaftaran
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="date" id="tgl_pendaftaran" class="input" required />
+                            <input type="date" id="tgl_pendaftaran" class="input w-full" required />
                         </fieldset>
                     </div>
                 </div>
 
                 <!-- Row 2 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Status
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="status" class="select" required>
+                            <select id="status" class="select w-full" required>
                                 <option value="" disabled selected>Pilih status</option>
                                 <option value="Aktif">Aktif</option>
                                 <option value="Tidak Aktif">Tidak Aktif</option>
@@ -70,7 +70,7 @@
                                 Saldo Awal (Rp)
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="number" id="saldo_awal" class="input" placeholder="Saldo Awal" required />
+                            <input type="number" id="saldo_awal" class="input w-full" placeholder="Saldo Awal" required />
                         </fieldset>
                     </div>
                 </div>
@@ -81,13 +81,13 @@
                         <legend class="fieldset-legend">
                             Status Penarikan
                         </legend>
-                        <input type="text" id="status_penarikan" class="input" placeholder="Status Penarikan" />
+                        <input type="text" id="status_penarikan" class="input w-full" placeholder="Status Penarikan" />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
diff --git a/Views/Data/Offtaker/Index.cshtml b/Views/Data/Offtaker/Index.cshtml
index ad07af5..896d502 100644
--- a/Views/Data/Offtaker/Index.cshtml
+++ b/Views/Data/Offtaker/Index.cshtml
@@ -23,7 +23,7 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Offtaker</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Nama Offtaker -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
@@ -31,7 +31,7 @@
                             Nama Offtaker
                             <span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama_offtaker" class="input" placeholder="Nama Offtaker" required />
+                        <input type="text" id="nama_offtaker" class="input w-full" placeholder="Nama Offtaker" required />
                     </fieldset>
                 </div>
 
@@ -42,7 +42,7 @@
                             Email
                             <span class="text-red-500">*</span>
                         </legend>
-                        <input type="email" id="email" class="input" placeholder="Email" required />
+                        <input type="email" id="email" class="input w-full" placeholder="Email" required />
                     </fieldset>
                 </div>
 
@@ -53,19 +53,19 @@
                             No. HP
                             <span class="text-red-500">*</span>
                         </legend>
-                        <input type="tel" id="no_hp" class="input" placeholder="No. HP" required />
+                        <input type="tel" id="no_hp" class="input w-full" placeholder="No. HP" required />
                     </fieldset>
                 </div>
 
                 <!-- Provinsi & Kota -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Provinsi
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="provinsi" class="select" required>
+                            <select id="provinsi" class="select w-full" required>
                                 <option value="" disabled selected>Pilih salah satu</option>
                                 <option value="DKI Jakarta">DKI Jakarta</option>
                             </select>
@@ -78,7 +78,7 @@
                                 Kota
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="kabupaten" class="select" required>
+                            <select id="kabupaten" class="select w-full" required>
                                 <option value="" disabled selected>Pilih salah satu</option>
                                 <option value="Kota Adm. Jakarta Pusat">Kota Adm. Jakarta Pusat</option>
                                 <option value="Kota Adm. Jakarta Utara">Kota Adm. Jakarta Utara</option>
@@ -91,14 +91,14 @@
                 </div>
 
                 <!-- Kecamatan & Kelurahan -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Kecamatan
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="kecamatan" class="select" required>
+                            <select id="kecamatan" class="select w-full" required>
                                 <option value="" disabled selected>Pilih salah satu</option>
                                 <option value="Jatinegara">Jatinegara</option>
                                 <option value="Jagakarsa">Jagakarsa</option>
@@ -130,7 +130,7 @@
                                 Kelurahan
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="kelurahan" class="select" required>
+                            <select id="kelurahan" class="select w-full" required>
                                 <option value="" disabled selected>Pilih salah satu</option>
                                 <option value="Kampung Melayu">Kampung Melayu</option>
                                 <option value="Tanjung Barat">Tanjung Barat</option>
@@ -154,19 +154,19 @@
                             Alamat
                             <span class="text-red-500">*</span>
                         </legend>
-                        <textarea id="alamat" class="textarea h-32" placeholder="Alamat" required></textarea>
+                        <textarea id="alamat" class="textarea w-full h-32" placeholder="Alamat" required></textarea>
                     </fieldset>
                 </div>
 
                 <!-- RT, RW, Kode Pos -->
-                <div class="grid grid-cols-1 sm:grid-cols-3 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-3 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 RT
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="rt" class="input" placeholder="RT" required />
+                            <input type="text" id="rt" class="input w-full" placeholder="RT" required />
                         </fieldset>
                     </div>
 
@@ -176,7 +176,7 @@
                                 RW
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="rw" class="input" placeholder="RW" required />
+                            <input type="text" id="rw" class="input w-full" placeholder="RW" required />
                         </fieldset>
                     </div>
 
@@ -186,7 +186,7 @@
                                 Kode Pos
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="kode_pos" class="input" placeholder="Kode Pos" required />
+                            <input type="text" id="kode_pos" class="input w-full" placeholder="Kode Pos" required />
                         </fieldset>
                     </div>
                 </div>
@@ -198,7 +198,7 @@
                             Status
                             <span class="text-red-500">*</span>
                         </legend>
-                        <select id="status" class="select">
+                        <select id="status" class="select w-full">
                             <option value="" disabled selected>Pilih status</option>
                             <option value="Disetujui">Disetujui</option>
                             <option value="Belum Disetujui">Belum Disetujui</option>
@@ -209,7 +209,7 @@
 
                 <!-- Buttons -->
                 <div class="flex gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
diff --git a/Views/Main/BankSampahNasabah/Index.cshtml b/Views/Main/BankSampahNasabah/Index.cshtml
index a988ecb..6eb954f 100644
--- a/Views/Main/BankSampahNasabah/Index.cshtml
+++ b/Views/Main/BankSampahNasabah/Index.cshtml
@@ -23,7 +23,7 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Bank Sampah Saya</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Row 1 -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
@@ -31,7 +31,7 @@
                             Kelurahan
                             <span class="text-red-500">*</span>
                         </legend>
-                        <select id="kelurahan" class="select" required>
+                        <select id="kelurahan" class="select w-full" required>
                             <option value="" disabled selected>Pilih salah satu</option>
                             <option value="Kalisari">Kalisari</option>
                             <option value="Pasar Minggu">Pasar Minggu</option>
@@ -54,7 +54,7 @@
                             Daftar Bank Sampah
                             <span class="text-red-500">*</span>
                         </legend>
-                        <select id="daftar_bank_sampah" class="select" required>
+                        <select id="daftar_bank_sampah" class="select w-full" required>
                             <option value="" disabled selected>Pilih Bank Sampah...</option>
                             <option value="RW 09 Kalisari">RW 09 Kalisari</option>
                             <option value="Berkah Sampah">Berkah Sampah</option>
@@ -77,7 +77,7 @@
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-center sm:justify-between mt-4">
-                    <button type="button" class="w-full sm:w-auto px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
+                    <button type="button" class="w-full sm:w-auto px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
                         Reset
                     </button>
                     <button type="submit" class="w-full sm:w-auto px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
diff --git a/Views/Main/Composting/Index.cshtml b/Views/Main/Composting/Index.cshtml
index 649e34e..925902f 100644
--- a/Views/Main/Composting/Index.cshtml
+++ b/Views/Main/Composting/Index.cshtml
@@ -23,9 +23,9 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Transaksi BSI</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false" />
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Row 1: Tanggal Pencatatan & Nama Bank Sampah -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <!-- Tanggal Pencatatan -->
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
@@ -33,7 +33,7 @@
                                 Tanggal Pencatatan
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="date" id="tgl_pencatatan" class="input" placeholder="dd/mm/yyyy" required />
+                            <input type="date" id="tgl_pencatatan" class="input w-full" placeholder="dd/mm/yyyy" required />
                         </fieldset>
                     </div>
 
@@ -44,7 +44,7 @@
                                 Nama Bank Sampah
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="nama_bank_sampah" class="select" required>
+                            <select id="nama_bank_sampah" class="select w-full" required>
                                 <option value="" disabled selected>Pilih Nama Bank Sampah</option>
                                 <option value="Berkah Sampah">Berkah Sampah</option>
                                 <option value="Pelangi Persada">Pelangi Persada</option>
@@ -58,7 +58,7 @@
                 </div>
 
                 <!-- Row 2: Nama Penanggung Jawab & Jenis Sampah Organik -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <!-- Nama Penanggung Jawab -->
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
@@ -66,7 +66,7 @@
                                 Nama Penanggung Jawab
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="nama_penanggung_jawab" class="input" placeholder="Nama Penanggung Jawab" required />
+                            <input type="text" id="nama_penanggung_jawab" class="input w-full" placeholder="Nama Penanggung Jawab" required />
                         </fieldset>
                     </div>
 
@@ -77,7 +77,7 @@
                                 Jenis Sampah Organik
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="jenis_sampah_organik" class="select" required>
+                            <select id="jenis_sampah_organik" class="select w-full" required>
                                 <option value="" disabled selected>Pilih salah satu</option>
                                 <option value="Rumput">Rumput</option>
                                 <option value="Buah Busuk">Buah Busuk</option>
@@ -91,7 +91,7 @@
                 </div>
 
                 <!-- Row 3: Jumlah Sampah Masuk & Jumlah Kompos -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <!-- Jumlah Sampah Masuk -->
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
@@ -99,7 +99,7 @@
                                 Jumlah Sampah Masuk (Kg)
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="number" id="jumlah_sampah_masuk" class="input" placeholder="Jumlah Sampah Masuk (Kg)" required />
+                            <input type="number" id="jumlah_sampah_masuk" class="input w-full" placeholder="Jumlah Sampah Masuk (Kg)" required />
                         </fieldset>
                     </div>
 
@@ -110,13 +110,13 @@
                                 Jumlah Kompos yang dihasilkan (Kg)
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="number" id="jumlah_kompos_dihasilkan" class="input" placeholder="Jumlah Kompos yang dihasilkan (Kg)" required />
+                            <input type="number" id="jumlah_kompos_dihasilkan" class="input w-full" placeholder="Jumlah Kompos yang dihasilkan (Kg)" required />
                         </fieldset>
                     </div>
                 </div>
 
                 <!-- Row 4: Lama Proses & Status Validasi -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <!-- Lama Proses -->
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
@@ -124,7 +124,7 @@
                                 Lama Proses (Hari)
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="number" id="lama_proses" class="input" placeholder="Lama Proses (Hari)" required />
+                            <input type="number" id="lama_proses" class="input w-full" placeholder="Lama Proses (Hari)" required />
                         </fieldset>
                     </div>
 
@@ -135,7 +135,7 @@
                                 Status Validasi
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="status_validasi" class="select" required>
+                            <select id="status_validasi" class="select w-full" required>
                                 <option value="" disabled selected>Pilih salah satu</option>
                                 <option value="Disetujui">Disetujui</option>
                                 <option value="Belum Disetujui">Belum Disetujui</option>
@@ -150,14 +150,14 @@
                         <legend class="fieldset-legend">
                             Catatan
                         </legend>
-                        <textarea id="catatan" class="textarea h-32" placeholder="Catatan"></textarea>
+                        <textarea id="catatan" class="textarea w-full h-32" placeholder="Catatan"></textarea>
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex gap-3 justify-end">
                     <button type="button"
-                            class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50"
+                            class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50"
                             onclick="closeModal()">
                         Batal
                     </button>
@@ -214,7 +214,7 @@
         <!-- Actions -->
         <div class="self-stretch inline-flex justify-end items-center gap-3">
             <button type="button"
-                    class="px-4 py-2.5 bg-white rounded-[99px] outline outline-1 outline-offset-[-1px] outline-gray-300 flex justify-center items-center gap-2 hover:bg-gray-50"
+                    class="px-4 py-2.5 bg-white rounded-[99px] outline outline-1 -outline-offset-1 outline-gray-300 flex justify-center items-center gap-2 hover:bg-gray-50"
                     onclick="confirmTolakValidasi()">
                 <div class="justify-start text-slate-800 text-sm font-semibold font-['Plus_Jakarta_Sans'] leading-5">Tolak Validasi</div>
             </button>
diff --git a/Views/Main/DataBankSampah/Index.cshtml b/Views/Main/DataBankSampah/Index.cshtml
index 180644b..c796042 100644
--- a/Views/Main/DataBankSampah/Index.cshtml
+++ b/Views/Main/DataBankSampah/Index.cshtml
@@ -29,14 +29,14 @@
             <input type="hidden" id="edit_mode" value="false">
             <div class="flex flex-col gap-2">
                 <!-- Row 1 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Nama Bank Sampah
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="nama" class="input" placeholder="Nama Bank Sampah" required />
+                            <input type="text" id="nama" class="input w-full" placeholder="Nama Bank Sampah" required />
                         </fieldset>
                     </div>
 
@@ -46,7 +46,7 @@
                                 Kabupaten
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="kabupaten" class="select" required>
+                            <select id="kabupaten" class="select w-full" required>
                                 <option value="" disabled selected>Pilih Kabupaten</option>
                                 <option value="Kota Adm Jakarta Timur">Kota Adm Jakarta Timur</option>
                                 <option value="Kota Adm Jakarta Barat">Kota Adm Jakarta Barat</option>
@@ -59,14 +59,14 @@
                 </div>
 
                 <!-- Row 2 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Kecamatan
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="kecamatan" class="input" placeholder="Kecamatan" required />
+                            <input type="text" id="kecamatan" class="input w-full" placeholder="Kecamatan" required />
                         </fieldset>
                     </div>
 
@@ -76,20 +76,20 @@
                                 Kelurahan
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="kelurahan" class="input" placeholder="Kelurahan" required />
+                            <input type="text" id="kelurahan" class="input w-full" placeholder="Kelurahan" required />
                         </fieldset>
                     </div>
                 </div>
 
                 <!-- Row 3 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Jenis Bank Sampah
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="jenis" class="select" required>
+                            <select id="jenis" class="select w-full" required>
                                 <option value="" disabled selected>Pilih Jenis</option>
                                 <option value="BSU">BSU</option>
                                 <option value="BSI">BSI</option>
@@ -103,7 +103,7 @@
                                 Kategori Bank Sampah
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="kategori" class="select" required>
+                            <select id="kategori" class="select w-full" required>
                                 <option value="" disabled selected>Pilih Kategori</option>
                                 <option value="Warga">Warga</option>
                                 <option value="Sekolah">Sekolah</option>
@@ -114,14 +114,14 @@
                 </div>
 
                 <!-- Row 4 -->
-                <div class="grid grid-cols-1 gap-2">
+                <div class="grid grid-cols-1 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Status
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="status" class="select" required>
+                            <select id="status" class="select w-full" required>
                                 <option value="" disabled selected>Pilih Status</option>
                                 <option value="Disetujui">Disetujui</option>
                                 <option value="Belum Disetujui">Belum Disetujui</option>
@@ -132,7 +132,7 @@
 
                 <!-- Buttons -->
                 <div class="flex gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
diff --git a/Views/Main/DataOfftaker/Index.cshtml b/Views/Main/DataOfftaker/Index.cshtml
index ddebfc4..d30e3f7 100644
--- a/Views/Main/DataOfftaker/Index.cshtml
+++ b/Views/Main/DataOfftaker/Index.cshtml
@@ -49,16 +49,16 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Data Offtaker</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Row 1 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Nama Offtaker
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="nama" class="input" placeholder="Nama Offtaker" required />
+                            <input type="text" id="nama" class="input w-full" placeholder="Nama Offtaker" required />
                         </fieldset>
                     </div>
 
@@ -68,7 +68,7 @@
                                 Kabupaten
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="kabupaten" class="select" required>
+                            <select id="kabupaten" class="select w-full" required>
                                 <option value="" disabled selected>Pilih Kabupaten</option>
                                 <option value="Kota Adm Jakarta Timur">Kota Adm Jakarta Timur</option>
                                 <option value="Kota Adm Jakarta Barat">Kota Adm Jakarta Barat</option>
@@ -81,14 +81,14 @@
                 </div>
 
                 <!-- Row 2 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Kecamatan
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="kecamatan" class="select" required>
+                            <select id="kecamatan" class="select w-full" required>
                                 <option value="" disabled selected>Pilih Kecamatan</option>
                                 <option value="Cipayung">Cipayung</option>
                                 <option value="Matraman">Matraman</option>
@@ -110,7 +110,7 @@
                                 Status Validasi
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="status" class="select" required>
+                            <select id="status" class="select w-full" required>
                                 <option value="" disabled selected>Pilih status</option>
                                 <option value="Disetujui">Disetujui</option>
                                 <option value="Tidak Disetujui">Tidak Disetujui</option>
@@ -121,7 +121,7 @@
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="w-full sm:w-auto px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
+                    <button type="button" class="w-full sm:w-auto px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="w-full sm:w-auto px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
diff --git a/Views/Main/TransaksiLaporan/Index.cshtml b/Views/Main/TransaksiLaporan/Index.cshtml
index cf5721a..6c8e6a1 100644
--- a/Views/Main/TransaksiLaporan/Index.cshtml
+++ b/Views/Main/TransaksiLaporan/Index.cshtml
@@ -17,15 +17,15 @@
         <form class="grid-col-1 grid items-end gap-4 md:grid-cols-4">
             <fieldset class="fieldset">
                 <legend class="fieldset-legend">Tanggal Awal</legend>
-                <input type="date" class="input" />
+                <input type="date" class="input w-full" />
             </fieldset>
             <fieldset class="fieldset">
                 <legend class="fieldset-legend">Tanggal Akhir</legend>
-                <input type="date" class="input" />
+                <input type="date" class="input w-full" />
             </fieldset>
             <fieldset class="fieldset">
                 <legend class="fieldset-legend">Jenis Laporan</legend>
-                <select class="select">
+                <select class="select w-full">
                     <option disabled selected>Pilih Jenis Laporan</option>
                 </select>
             </fieldset>
diff --git a/Views/Main/TransaksiNasabah/Index.cshtml b/Views/Main/TransaksiNasabah/Index.cshtml
index 3947dc5..56fe269 100644
--- a/Views/Main/TransaksiNasabah/Index.cshtml
+++ b/Views/Main/TransaksiNasabah/Index.cshtml
@@ -23,16 +23,16 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Transaksi</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Row 1 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Tanggal Transaksi
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="date" id="tgl_transaksi" class="input" required />
+                            <input type="date" id="tgl_transaksi" class="input w-full" required />
                         </fieldset>
                     </div>
 
@@ -42,7 +42,7 @@
                                 Nama Bank Sampah
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <select id="nama_bank_samoah" class="select" required>
+                            <select id="nama_bank_samoah" class="select w-full" required>
                                 <option value="" disabled selected>Pilih Bank Sampah</option>
                                 <option value="RW 09 Kalisari">RW 09 Kalisari</option>
                                 <option value="Berkah Sampah">Berkah Sampah</option>
@@ -65,14 +65,14 @@
                 </div>
 
                 <!-- Row 2 -->
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
                     <div class="flex flex-col">
                         <fieldset class="fieldset">
                             <legend class="fieldset-legend">
                                 Nilai Transaksi (Rp)
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="text" id="nilai_transaksi" class="input" placeholder="150,000" required />
+                            <input type="text" id="nilai_transaksi" class="input w-full" placeholder="150,000" required />
                         </fieldset>
                     </div>
 
@@ -82,14 +82,14 @@
                                 Total Sampah (Kg)
                                 <span class="text-red-500">*</span>
                             </legend>
-                            <input type="number" id="total_sampah" class="input" placeholder="67" required />
+                            <input type="number" id="total_sampah" class="input w-full" placeholder="67" required />
                         </fieldset>
                     </div>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900">
diff --git a/Views/Master/Aktivitas/Index.cshtml b/Views/Master/Aktivitas/Index.cshtml
index 0482b4d..22bc215 100644
--- a/Views/Master/Aktivitas/Index.cshtml
+++ b/Views/Master/Aktivitas/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Aktivitas</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama Aktivitas -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Aktivitas<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Aktivitas" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Aktivitas" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/Artikel/Index.cshtml b/Views/Master/Artikel/Index.cshtml
index cbe8794..7921ed8 100644
--- a/Views/Master/Artikel/Index.cshtml
+++ b/Views/Master/Artikel/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Artikel</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Artikel<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Artikel" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Artikel" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/BadanHukum/Index.cshtml b/Views/Master/BadanHukum/Index.cshtml
index ca18b8a..9638d73 100644
--- a/Views/Master/BadanHukum/Index.cshtml
+++ b/Views/Master/BadanHukum/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Badan Hukum</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Badan Hukum<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Badan Hukum" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Badan Hukum" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/Fasilitas/Index.cshtml b/Views/Master/Fasilitas/Index.cshtml
index 621466f..4da8154 100644
--- a/Views/Master/Fasilitas/Index.cshtml
+++ b/Views/Master/Fasilitas/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Fasilitas</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Fasilitas<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Fasilitas" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Fasilitas" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/JenisBankSampah/Index.cshtml b/Views/Master/JenisBankSampah/Index.cshtml
index 1f2769f..d411014 100644
--- a/Views/Master/JenisBankSampah/Index.cshtml
+++ b/Views/Master/JenisBankSampah/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Bank Sampah</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Jenis Bank Sampah<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Jenis Bank Sampah" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Jenis Bank Sampah" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/JenisNasabah/Index.cshtml b/Views/Master/JenisNasabah/Index.cshtml
index 78b26af..aaf8c86 100644
--- a/Views/Master/JenisNasabah/Index.cshtml
+++ b/Views/Master/JenisNasabah/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Nasabah</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Jenis Nasabah<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Jenis Nasabah" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Jenis Nasabah" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/JenisPengolahan/Index.cshtml b/Views/Master/JenisPengolahan/Index.cshtml
index 394b55c..d755766 100644
--- a/Views/Master/JenisPengolahan/Index.cshtml
+++ b/Views/Master/JenisPengolahan/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Pengolahan</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Jenis Pengolahan<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Jenis Pengolahan" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Jenis Pengolahan" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/JenisSampah/Index.cshtml b/Views/Master/JenisSampah/Index.cshtml
index c6f0172..1a4455f 100644
--- a/Views/Master/JenisSampah/Index.cshtml
+++ b/Views/Master/JenisSampah/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Jenis Sampah</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Jenis Sampah<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Jenis Sampah" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Jenis Sampah" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/Kategori/Index.cshtml b/Views/Master/Kategori/Index.cshtml
index ad30161..a368fc1 100644
--- a/Views/Master/Kategori/Index.cshtml
+++ b/Views/Master/Kategori/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Kategori<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Kategori" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Kategori" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/KategoriFasilitas/Index.cshtml b/Views/Master/KategoriFasilitas/Index.cshtml
index b285e1a..80f1931 100644
--- a/Views/Master/KategoriFasilitas/Index.cshtml
+++ b/Views/Master/KategoriFasilitas/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori Fasilitas</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Kategori Fasilitas<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Kategori Fasilitas" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Kategori Fasilitas" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/KategoriSampah/Index.cshtml b/Views/Master/KategoriSampah/Index.cshtml
index ca1fb73..a25da86 100644
--- a/Views/Master/KategoriSampah/Index.cshtml
+++ b/Views/Master/KategoriSampah/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Kategori Sampah</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Kategori Sampah<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Kategori Sampah" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Kategori Sampah" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/Mitra/Index.cshtml b/Views/Master/Mitra/Index.cshtml
index 37fb2b7..a47ba90 100644
--- a/Views/Master/Mitra/Index.cshtml
+++ b/Views/Master/Mitra/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Mitra</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Mitra<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Mitra" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Mitra" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/StatusLahan/Index.cshtml b/Views/Master/StatusLahan/Index.cshtml
index 1ce32be..4c88fc9 100644
--- a/Views/Master/StatusLahan/Index.cshtml
+++ b/Views/Master/StatusLahan/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Status Lahan</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Status Lahan<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Status Lahan" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Status Lahan" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">
diff --git a/Views/Master/SubKategoriSampah/Index.cshtml b/Views/Master/SubKategoriSampah/Index.cshtml
index 74b0fa7..2069cc1 100644
--- a/Views/Master/SubKategoriSampah/Index.cshtml
+++ b/Views/Master/SubKategoriSampah/Index.cshtml
@@ -23,20 +23,20 @@
         <h3 id="modal_title" class="text-gray-900 text-xl font-semibold font-['Plus_Jakarta_Sans'] leading-8 mb-8">Tambah Sub Kategori Sampah</h3>
         <form id="formTambah" onsubmit="submitForm(event)">
             <input type="hidden" id="edit_mode" value="false">
-            <div class="flex flex-col gap-2">
+            <div class="flex flex-col gap-6">
                 <!-- Field Nama -->
                 <div class="flex flex-col">
                     <fieldset class="fieldset">
                         <legend class="fieldset-legend">
                             Nama Sub Kategori Sampah<span class="text-red-500">*</span>
                         </legend>
-                        <input type="text" id="nama" class="input" placeholder="Nama Sub Kategori Sampah" required />
+                        <input type="text" id="nama" class="input w-full" placeholder="Nama Sub Kategori Sampah" required />
                     </fieldset>
                 </div>
 
                 <!-- Buttons -->
                 <div class="flex flex-col sm:flex-row gap-3 justify-end">
-                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-offset-[-1px] outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
+                    <button type="button" class="px-8 py-2.5 bg-white rounded-full outline outline-1 -outline-offset-1 outline-gray-300 text-slate-800 text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-gray-50 w-full sm:w-auto" onclick="closeModal()">
                         Batal
                     </button>
                     <button type="submit" class="px-8 py-2.5 bg-green-800 rounded-full text-white text-base font-semibold font-['Plus_Jakarta_Sans'] leading-6 hover:bg-green-900 w-full sm:w-auto">