From ae9eef1131476c5afde2fc45e6b3246857c58468 Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Mon, 5 May 2025 14:24:23 +0300
Subject: [PATCH] fix: mobile icons in create modal

---
 src/pages/profile_tasks.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/profile_tasks.tsx b/src/pages/profile_tasks.tsx
index 629a547..913c675 100644
--- a/src/pages/profile_tasks.tsx
+++ b/src/pages/profile_tasks.tsx
@@ -365,15 +365,15 @@ const ProfileTasks: FunctionComponent = () => {
             }}
           >
             <div class="flex w-full flex-1 flex-row items-start justify-between">
-              <div class="me-4 flex h-full flex-1 flex-col gap-1">
+              <div class="flex flex-1 flex-col gap-1 pe-2">
                 <input
-                  class="text-2xl outline-0"
+                  class="w-full text-2xl outline-0"
                   maxLength={20}
                   placeholder="Название"
                   {...register("name", { required: "Заполните название" })}
                 />
                 <textarea
-                  class="mb-10 w-full flex-1 resize-none outline-0"
+                  class="h-[5rem] w-full resize-none outline-0"
                   placeholder="Описание"
                   maxLength={200}
                   {...register("description")}
@@ -388,13 +388,13 @@ const ProfileTasks: FunctionComponent = () => {
               </div>
               <div class="flex flex-row gap-3 self-start">
                 <CalendarDaysIcon
-                  class="size-10 cursor-pointer"
+                  class="size-8 cursor-pointer"
                   onClick={() => {
                     setOpenModalCalendar(true);
                     setCalendarDate(calendarDate ?? new Date());
                   }}
                 />
-                <BookmarkIcon class="ms-4 size-10 cursor-pointer" onClick={() => setOpenModalTags(true)} />
+                <BookmarkIcon class="size-8 cursor-pointer" onClick={() => setOpenModalTags(true)} />
               </div>
             </div>
             {errors.name && <p class="text-red-500">{errors.name.message}</p>}