fix adaptive

src/components/TrackerCardTask/TrackerCardTask.jsx

@@ -97,85 +97,87 @@ const TrackerCardTask = forwardRef(
     }, [projectBoard]);
 
     return (
-      <div
-        ref={ref}
-        key={task.id}
-        className={`tasks__board__item ${
-          taskHover[task.id] ? "task__hover" : ""
-        }`}
-        draggable={true}
-        onDragStart={(e) => dragStartHandler(e, task, column.id)}
-        onDragOver={(e) => dragOverTaskHandler(e, task)}
-        onDragLeave={(e) => dragLeaveTaskHandler(e)}
-        onDragEnd={() => dragEndTaskHandler()}
-        onDrop={(e) => dragDropTaskHandler(e, task, column)}
-        onClick={() => openTicket(task)}
-      >
-        <div className="tasks__board__item__title">
-          <p className="task__board__item__title">{task.title}</p>
-        </div>
-        <p
-          dangerouslySetInnerHTML={{
-            __html: task.description
-          }}
-          className="tasks__board__item__description"
-        ></p>
-        {Boolean(task.mark.length) && (
-          <div className="tasks__board__item__tags">
-            {task.mark.map((tag) => {
-              return (
-                <div
-                  className="tag-item"
-                  key={tag.id}
-                  style={{ background: tag.color }}
-                >
-                  <p>{tag.slug}</p>
-                </div>
-              );
-            })}
+      <>
+        <div
+          ref={ref}
+          key={task.id}
+          className={`tasks__board__item ${
+            taskHover[task.id] ? "task__hover" : ""
+          }`}
+          draggable={true}
+          onDragStart={(e) => dragStartHandler(e, task, column.id)}
+          onDragOver={(e) => dragOverTaskHandler(e, task)}
+          onDragLeave={(e) => dragLeaveTaskHandler(e)}
+          onDragEnd={() => dragEndTaskHandler()}
+          onDrop={(e) => dragDropTaskHandler(e, task, column)}
+          onClick={() => openTicket(task)}
+        >
+          <div className="tasks__board__item__title">
+            <p className="task__board__item__title">{task.title}</p>
           </div>
-        )}
-        <div className="tasks__board__item__container">
-          {typeof task.execution_priority === "number" && (
-            <div className="tasks__board__item__priority">
-              <p>⚡</p>
-              <span className={priorityClass[task.execution_priority]}>
-                {priority[task.execution_priority]}
-              </span>
+          <p
+            dangerouslySetInnerHTML={{
+              __html: task.description
+            }}
+            className="tasks__board__item__description"
+          ></p>
+          {Boolean(task.mark.length) && (
+            <div className="tasks__board__item__tags">
+              {task.mark.map((tag) => {
+                return (
+                  <div
+                    className="tag-item"
+                    key={tag.id}
+                    style={{ background: tag.color }}
+                  >
+                    <p>{tag.slug}</p>
+                  </div>
+                );
+              })}
             </div>
           )}
-          {task.dead_line && (
-            <div className="tasks__board__item__dead-line">
-              <p>⌛</p>
-              <span style={{ color: titleColor }}>
-                {getCorrectDate(task.dead_line)}
-              </span>
-            </div>
-          )}
-        </div>
+          <div className="tasks__board__item__container">
+            {typeof task.execution_priority === "number" && (
+              <div className="tasks__board__item__priority">
+                <p>⚡</p>
+                <span className={priorityClass[task.execution_priority]}>
+                  {priority[task.execution_priority]}
+                </span>
+              </div>
+            )}
+            {task.dead_line && (
+              <div className="tasks__board__item__dead-line">
+                <p>⌛</p>
+                <span style={{ color: titleColor }}>
+                  {getCorrectDate(task.dead_line)}
+                </span>
+              </div>
+            )}
+          </div>
 
-        <div className="tasks__board__item__info">
-          <div className="tasks__board__item__executor">
-            <img
-              src={
-                task.executor?.avatar
-                  ? urlForLocal(task.executor?.avatar)
-                  : avatarMok
-              }
-              alt="avatar"
-            />
-            <span>
-              {removeLast(task.executor?.fio) || "Исполнитель не назначен"}
-            </span>
-          </div>
-          <div className="tasks__board__item__info__tags">
-            <div className="tasks__board__item__info__more">
-              <img src={commentsBoard} alt="commentsImg" />
-              <span>{task.comment_count}</span>
+          <div className="tasks__board__item__info">
+            <div className="tasks__board__item__executor">
+              <img
+                src={
+                  task.executor?.avatar
+                    ? urlForLocal(task.executor?.avatar)
+                    : avatarMok
+                }
+                alt="avatar"
+              />
+              <span>
+                {removeLast(task.executor?.fio) || "Исполнитель не назначен"}
+              </span>
             </div>
-            <div className="tasks__board__item__info__more">
-              <img src={filesBoard} alt="filesImg" />
-              <span>{task.file_count}</span>
+            <div className="tasks__board__item__info__tags">
+              <div className="tasks__board__item__info__more">
+                <img src={commentsBoard} alt="commentsImg" />
+                <span>{task.comment_count}</span>
+              </div>
+              <div className="tasks__board__item__info__more">
+                <img src={filesBoard} alt="filesImg" />
+                <span>{task.file_count}</span>
+              </div>
             </div>
           </div>
         </div>
@@ -184,7 +186,7 @@ const TrackerCardTask = forwardRef(
           currentColumn={column}
           task={task}
         />
-      </div>
+      </>
     );
   }
 );