From 38400b5cd66f6687e8f9f401a58d530e311d59aa Mon Sep 17 00:00:00 2001
From: Novy San87 <novysan87@smkn1-wonorejo.sch.id>
Date: Wed, 26 Aug 2026 11:05:19 +0700
Subject: [PATCH] =?UTF-8?q?style(tatib):=20PDF=20SP=20per=20siswa=201=20le?=
 =?UTF-8?q?mbar=20F4=20portrait=20=E2=80=94=20kop=20diperbaiki=20(logo=208?=
 =?UTF-8?q?4px=20ke=20kiri,=20nama=20sekolah=20wrap=20aman),=20reset=20mar?=
 =?UTF-8?q?gin=20p,=20line-height=201.2,=20tanggal=20tabel=20d/m/Y,=20marg?=
 =?UTF-8?q?in=20@page=201cm;=20semua=20SP=20(1-6=20pelanggaran)=20terverif?=
 =?UTF-8?q?ikasi=201=20halaman?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/sp-letters/print.blade.php | 40 ++++++++++++----------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/resources/views/sp-letters/print.blade.php b/resources/views/sp-letters/print.blade.php
index 6471da3..a92e9ff 100644
--- a/resources/views/sp-letters/print.blade.php
+++ b/resources/views/sp-letters/print.blade.php
@@ -4,32 +4,34 @@
     <meta charset="utf-8">
     <title>Cetak SP - {{ $spLetter->student->full_name }}</title>
     <style>
-        @page { margin: 1.2cm 1cm 1.2cm; size: 210mm 330mm; } /* F4 — hemat ruang agar muat 1 lembar */
-        body { font-family: 'Times New Roman', 'DejaVu Serif', Times, serif; font-size: 12pt; line-height: 1.35; color: #000; }
-        .kop-surat { margin-bottom: 10px; }
+        @page { margin: 1cm 1cm 1cm; size: 210mm 330mm; } /* F4 — margin ringkas agar muat 1 lembar */
+        p { margin: 0; }
+        body { font-family: 'Times New Roman', 'DejaVu Serif', Times, serif; font-size: 12pt; line-height: 1.2; color: #000; }
+        .kop-surat { margin-bottom: 4px; }
         .kop-table { width: 100%; border-collapse: collapse; margin-bottom: 6px; }
         .kop-table td { border: none; padding: 0; }
-        .kop-logo { width: 112px; text-align: center; vertical-align: middle; }
-        .kop-logo img { height: 86px; width: auto; max-width: 104px; object-fit: contain; }
-        .kop-text { text-align: center; vertical-align: middle; }
-        .kop-1, .kop-2 { font-size: 13.5pt; font-weight: bold; margin: 0; text-transform: uppercase; }
-        .kop-3 { font-size: 11.5pt; font-weight: bold; margin: 1px 0; text-transform: uppercase; white-space: nowrap; }
-        .kop-4, .kop-5, .kop-6 { font-size: 10.5pt; margin: 0; }
+        .kop-logo { width: 84px; text-align: center; vertical-align: middle; }
+        .kop-logo img { height: 58px; width: auto; max-width: 76px; object-fit: contain; }
+        .kop-text { text-align: center; vertical-align: middle; width: 400pt; }
+        .kop-1, .kop-2 { font-size: 12pt; font-weight: bold; margin: 0; text-transform: uppercase; }
+        .kop-3 { font-size: 9.5pt; font-weight: bold; margin: 1px 0; text-transform: uppercase; }
+        .kop-4, .kop-5, .kop-6 { font-size: 9pt; margin: 0; }
         .kop-surat .line { border-top: 2.5px solid #000; margin-top: 6px; }
         .kop-surat .sub-line { border-top: 1px solid #000; margin-top: 2px; }
-        .letter-number { text-align: center; margin: 10px 0; font-weight: bold; font-size: 12pt; }
+        .letter-number { text-align: center; margin: 2px 0; font-weight: bold; font-size: 12pt; }
         .letter-number .letter-title { font-size: 13pt; }
-        .to-title { margin-bottom: 8px; }
-        .body-text { text-align: justify; margin-bottom: 10px; }
-        .violation-list { margin: 8px 0 8px 20px; }
+        .to-title { margin-bottom: 2px; }
+        .body-text { text-align: justify; margin-bottom: 4px; }
+        .body-text p { margin-bottom: 4px; }
+        .violation-list { margin: 4px 0 4px 20px; }
         .violation-list li { margin-bottom: 3px; }
-        .violation-table { width: 100%; border-collapse: collapse; margin: 8px 0; }
-        .violation-table th, .violation-table td { border: 1px solid #000; padding: 4px 8px; text-align: left; font-size: 12pt; }
+        .violation-table { width: 100%; border-collapse: collapse; margin: 4px 0; }
+        .violation-table th, .violation-table td { border: 1px solid #000; padding: 2px 6px; text-align: left; font-size: 12pt; }
         .violation-table th { font-weight: bold; }
         .violation-table .total-row td { font-weight: bold; }
-        .signature { margin-top: 26px; padding-left: 24em; }
-        .signature .date { text-align: left; margin-bottom: 5px; }
-        .signature .title { text-align: left; margin-bottom: 30px; }
+        .signature { margin-top: 2px; padding-left: 24em; }
+        .signature .date { text-align: left; margin-bottom: 2px; }
+        .signature .title { text-align: left; margin-bottom: 10px; }
         .signature .name { text-align: left; font-weight: bold; }
         .signature .nip { text-align: left; font-size: 12pt; }
     </style>
@@ -93,7 +95,7 @@
                 <tbody>
                     @foreach($violations as $v)
                         <tr>
-                            <td>{{ \Carbon\Carbon::parse($v['violation_date'] ?? now())->setTimezone('Asia/Jakarta')->locale('id')->isoFormat('dddd, DD MMMM Y') }}</td>
+                            <td>{{ \Carbon\Carbon::parse($v['violation_date'] ?? now())->setTimezone('Asia/Jakarta')->format('d/m/Y') }}</td>
                             <td>
                                 {{ \App\Models\Violation::with('violationType')->find($v['id'] ?? null)?->violationType?->name ?? '-' }}
                                 @if (! empty($v['description']))