dev: hotfix temp 2

app/components/app/general-consent/entry.vue

@@ -85,10 +85,8 @@ const isExcluded = (key: string) => props.excludeFields?.includes(key)
         </Cell>
       </Block>
 
-      <Separator class="mt-8" />
-
       <div class="my-2 flex items-center justify-between">
-        <h1 class="font-semibold">Anggota Keluarga</h1>
+        <div class="text-sm 2xl:text-base font-semibold">Anggota Keluarga</div>
         <Button
           type="button"
           @click="addRelative"
@@ -102,7 +100,7 @@ const isExcluded = (key: string) => props.excludeFields?.includes(key)
         :key="idx"
         class="my-2 rounded-md border border-slate-300 p-4"
       >
-        <Block :colCount="2">
+        <Block :colCount="2" :cell-flex="false" class="!mb-2">
           <Cell>
             <Label dynamic>Nama Anggota Keluarga</Label>
             <Field>
@@ -118,20 +116,18 @@ const isExcluded = (key: string) => props.excludeFields?.includes(key)
           </Cell>
         </Block>
 
-        <button
+        <Button
+          variant="destructive"
           type="button"
-          class="mt-3 text-sm text-red-500"
           @click="removeRelative(idx)"
         >
           Hapus
-        </button>
+        </Button>
       </div>
 
-      <Separator class="mt-8" />
-
       <!-- Responsible Section -->
-      <div class="my-2">
-        <h1 class="font-semibold">Penanggung Jawab</h1>
+      <div class="mt-8 mb-1.5">
+        <div class="text-sm 2xl:text-base font-semibold">Penanggung Jawab</div>
       </div>
       <Block :col-count="2" :cell-flex="false">
         <Cell>
@@ -155,11 +151,9 @@ const isExcluded = (key: string) => props.excludeFields?.includes(key)
         </Cell>
       </Block>
 
-      <Separator class="mt-8" />
-
       <!-- Informant -->
-      <div class="my-2">
-        <h1 class="font-semibold">Pemberi Informasi</h1>
+      <div class="mt-8 mb-1.5">
+        <div class="text-sm 2xl:text-base font-semibold">Pemberi Informasi</div>
       </div>
       <Block :col-count="2" :cell-flex="false">
         <Cell>
@@ -173,11 +167,10 @@ const isExcluded = (key: string) => props.excludeFields?.includes(key)
         </Cell>
       </Block>
 
-      <Separator class="mt-8" />
 
       <!-- Witnesses -->
-      <div class="my-2">
-        <h1 class="font-semibold">Saksi</h1>
+      <div class="mt-8 mb-1.5">
+        <div class="text-sm 2xl:text-base font-semibold">Saksi</div>
       </div>
       <Block :col-count="2" :cell-flex="false">
         <Cell>

app/components/app/general-consent/list.cfg.ts

@@ -6,7 +6,7 @@ type SmallDetailDto = any
 
 const action = defineAsyncComponent(() => import('~/components/pub/my-ui/data/dropdown-action-ud.vue'))
 export const config: Config = {
-  cols: [{ width: 100 }, {}, {}, {}, { width: 50 }],
+  cols: [{ width: 100 }, {}, {}, {}, {}, {}, { width: 50 }],
   headers: [
     [
       { label: 'Tanggal' },