From 89b81e6ee8790a3be608f0af5536444657c79212 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Mon, 8 Jun 2026 18:53:25 +0300
Subject: [PATCH] style: refine verification banner and button UI for improved
 layout and spacing

---
 resources/views/front/career/verify.blade.php | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/resources/views/front/career/verify.blade.php b/resources/views/front/career/verify.blade.php
index 14f3a6a..9b8a006 100644
--- a/resources/views/front/career/verify.blade.php
+++ b/resources/views/front/career/verify.blade.php
@@ -6,26 +6,26 @@
 <div class="bg-slate-100 py-12 no-print">
     <div class="container max-w-6xl mx-auto px-4">
         <!-- Verification Banner (e-Devlet Style) -->
-        <div class="bg-emerald-50 border-l-4 border-emerald-500 p-6 rounded-2xl shadow-md mb-8 flex flex-col md:flex-row items-center justify-between gap-6">
-            <div class="flex items-center gap-4">
-                <div class="w-12 h-12 rounded-full bg-emerald-500 text-white flex items-center justify-center flex-shrink-0 shadow-lg shadow-emerald-500/20">
-                    <i class="uil uil-shield-check text-2xl"></i>
+        <div class="bg-emerald-50 border-l-4 border-emerald-500 p-4 rounded-xl shadow-sm mb-6 flex flex-col lg:flex-row lg:items-center justify-between gap-4">
+            <div class="flex items-center gap-3 flex-1 min-w-0">
+                <div class="w-10 h-10 rounded-full bg-emerald-500 text-white flex items-center justify-center flex-shrink-0 shadow-md shadow-emerald-500/10">
+                    <i class="uil uil-shield-check text-xl"></i>
                 </div>
-                <div>
-                    <h3 class="text-lg font-bold text-slate-800">Güvenli Belge Doğrulama</h3>
-                    <p class="text-sm text-slate-500 mt-1">Bu staj sertifikası ve transkripti, Trunçgil Teknopark sistemi üzerinden dijital olarak imzalanıp onaylanmıştır.</p>
+                <div class="text-sm leading-normal">
+                    <span class="font-bold text-slate-800">Güvenli Belge Doğrulama:</span>
+                    <span class="text-slate-600 ml-1">Bu staj sertifikası ve transkripti, Trunçgil Teknopark sistemi üzerinden dijital olarak imzalanıp onaylanmıştır.</span>
                 </div>
             </div>
-            <div class="flex items-center gap-3 flex-wrap">
+            <div class="flex items-center gap-2 flex-shrink-0">
                 <!-- PDF Download Button -->
-                <button onclick="downloadPDF()" id="pdf-btn" class="px-6 py-3 bg-orange-600 hover:bg-orange-700 text-white font-bold rounded-xl transition-all shadow-lg shadow-orange-500/25 flex items-center gap-2">
-                    <i class="uil uil-file-download text-lg" id="pdf-icon"></i>
-                    <span class="spinner-border spinner-border-sm hidden animate-spin w-4 h-4 border-2 border-white border-t-transparent rounded-full" id="pdf-spinner" role="status"></span>
-                    <span id="pdf-btn-text">PDF Olarak İndir</span>
+                <button onclick="downloadPDF()" id="pdf-btn" class="px-4 py-2 bg-orange-600 hover:bg-orange-700 text-white text-sm font-bold rounded-lg transition-all shadow-sm flex items-center gap-1.5 whitespace-nowrap">
+                    <i class="uil uil-file-download text-base" id="pdf-icon"></i>
+                    <span class="spinner-border spinner-border-sm hidden animate-spin w-3.5 h-3.5 border-2 border-white border-t-transparent rounded-full" id="pdf-spinner" role="status"></span>
+                    <span id="pdf-btn-text">PDF İndir</span>
                 </button>
                 <!-- Print Button -->
-                <button onclick="window.print()" class="px-6 py-3 bg-slate-900 hover:bg-slate-800 text-white font-bold rounded-xl transition-all shadow-md flex items-center gap-2">
-                    <i class="uil uil-print text-lg"></i>
+                <button onclick="window.print()" class="px-4 py-2 bg-slate-900 hover:bg-slate-800 text-white text-sm font-bold rounded-lg transition-all shadow-sm flex items-center gap-1.5 whitespace-nowrap">
+                    <i class="uil uil-print text-base"></i>
                     <span>Yazdır</span>
                 </button>
             </div>
@@ -91,7 +91,7 @@
                             <img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data={{ urlencode(route('internship.verify', $application->certificate_code)) }}" alt="QR Code" class="w-28 h-28 border border-slate-200 p-1 rounded-xl bg-white shadow-sm">
                             <div class="text-left hidden sm:block">
                                 <span class="text-[8px] font-bold text-slate-400 uppercase tracking-wider block">Dijital Doğrulama</span>
-                                <span class="text-[9px] text-slate-500 block">Karekod okutularak belgenin güncelliği e-Devlet stilinde doğrulanabilir.</span>
+                                <span class="text-[9px] text-slate-500 block">Karekod okutularak belgenin güncelliği doğrulanabilir.</span>
                             </div>
                         </div>