fix: mobile icons in create modal

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>}