Исправление вёрстки

src/Otchinslator/Components/Pages/Result.razor

@@ -6,13 +6,6 @@
 
 <PageTitle>Уже почти | Отчислятор 3000</PageTitle>
 
-<script>
-    document.getElementById('downloadPDF').addEventListener('click', function () {
-        document.getElementById('congratulation').classList.remove('hidden');
-
-    });
-</script>
-
 <dialog id="SendToDirectorModal" class="modal modal-bottom sm:modal-middle">
     <div class="modal-box">
         <h3 class="text-lg font-bold">Отправка письма</h3>
@@ -31,7 +24,7 @@
         class="text-center font-bold text-4xl md:text-5xl w-max absolute left-1/2 -top-1/4 transform -translate-x-1/2 italic">
         <br>Заявление готово
     </div>
-    <object data="/getStatement" type="application/pdf" class="w-[28rem] h-[30rem] rounded-2xl">
+    <object data="/getStatement" type="application/pdf" class="w-96 sm:w-[32rem] h-[30rem] rounded-2xl">
         <p class="text-center">Не удалось отобразить заявление, попробуйте скачать <a href="/getStatement">(тык)</a></p>
     </object>
     <div class="join w-full mt-4 flex gap-2">

src/Otchinslator/Components/Pages/Statement.razor

@@ -44,12 +44,12 @@
     </div>
 </dialog>
 
-<div class="relative">
+<div class="relative w-96 sm:w-[32rem]">
     <div
         class="text-center font-bold text-4xl md:text-5xl w-max absolute left-1/2 -top-1/3 transform -translate-x-1/2 italic">
         <br>Укажите причину
     </div>
-    <div class="flex flex-col space-y-4 w-96">
+    <div class="flex flex-col space-y-4 w-96 sm:w-[32rem]">
         <textarea class="textarea textarea-bordered w-full h-96 resize-none" placeholder="Введите причину отчисления..."
                   name="statement">Прошу отчислить меня по собственному желанию в связи с </textarea>
     </div>