From d67683aecdeec7c52b4dd02caabc29855a0be410 Mon Sep 17 00:00:00 2001
From: Sergey Karmanov <ppoocpel8888@gmail.com>
Date: Tue, 1 Apr 2025 14:38:48 +0300
Subject: [PATCH] =?UTF-8?q?UI=20=D1=84=D0=B8=D0=BA=D1=81=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Pages/FirstApril.razor         | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/Otchinslator/Components/Pages/FirstApril.razor b/src/Otchinslator/Components/Pages/FirstApril.razor
index ad2ecf3..6973b2d 100644
--- a/src/Otchinslator/Components/Pages/FirstApril.razor
+++ b/src/Otchinslator/Components/Pages/FirstApril.razor
@@ -70,32 +70,29 @@
     </div>
 </dialog>
 
-<div class="relative">
-    <div
-        class="text-center font-bold text-3xl md:text-5xl w-max absolute left-1/2 -top-1/4 transform -translate-x-1/2 italic">
+<div class="relative flex flex-col items-center justify-center">
+    <div class="text-center font-bold text-3xl md:text-5xl w-max italic mb-3">
         <br>Заявление на отчисление<p class="text-2xl font-normal">отправлено директору</p>
     </div>
-    <div id="pdfrenderer">
+    <div id="pdfrenderer" class="flex justify-center">
     </div>
-    <div class="join w-full mt-4 flex gap-2">
-        <button onclick="denyModal.showModal()" class="btn btn-error rounded-full flex-grow w-30">
+    <div class="join w-96 sm:w-[27rem] mt-4 flex gap-2 justify-center">
+        <button onclick="denyModal.showModal()" class="btn btn-error rounded-full flex-grow w-30 flex items-center justify-center">
             Отозвать
         </button>
         <a id="downloadPDF" target="_blank" href="/getStatement"
-           class="btn btn-primary bg-base-200 border-base-200 rounded-full flex-grow-0 w-[3rem]">
-            @* Скачать PDF *@
-            <div class="absolute rounded-full w-12 h-12">
+           class="btn btn-primary bg-base-200 border-base-200 rounded-full flex-grow-0 w-[3rem] flex items-center justify-center relative">
+            <div class="absolute inset-0 flex items-center justify-center">
                 <img class="p-3" src="img/pdf.svg" alt=""/>
             </div>
         </a>
     </div>
 </div>
-
 <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script>
 <script>
         const pdfrenderer = document.getElementById('pdfrenderer');
         const url = '/getStatement';
-        pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 sm:w-[32rem] rounded-2xl"></canvas>';
+        pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 sm:w-[27rem] rounded-2xl justify-center"></canvas>';
         pdfjsLib.getDocument(url).promise.then(function (pdf) {
             pdf.getPage(1).then(function (page) {
                 const viewport = page.getViewport({scale: 1});