Aumentar truncate dos cards de tarefas e adicionar margem no footer

public/css/styles.css

@@ -3364,9 +3364,6 @@ tbody tr:hover td {
   font-size: 14px;
   font-weight: 600;
   color: var(--text-primary);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
 
 .task-card-description {
@@ -3374,13 +3371,13 @@ tbody tr:hover td {
   color: var(--text-secondary);
   line-height: 1.5;
   display: -webkit-box;
-  -webkit-line-clamp: 2;
+  -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
-  max-height: 3em;
 }
 
 .task-card-footer {
+  margin-top: 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;

public/js/components/tasks.js

@@ -68,7 +68,7 @@ const TasksUI = {
           <h4 class="task-card-name">${Utils.escapeHtml(task.name)}</h4>
           <span class="badge ${categoryClass}">${Utils.escapeHtml(categoryLabel)}</span>
         </div>
-        ${task.description ? `<p class="task-card-description" title="${Utils.escapeHtml(task.description)}">${Utils.escapeHtml(task.description.length > 120 ? task.description.slice(0, 120) + '…' : task.description)}</p>` : ''}
+        ${task.description ? `<p class="task-card-description" title="${Utils.escapeHtml(task.description)}">${Utils.escapeHtml(task.description.length > 240 ? task.description.slice(0, 240) + '…' : task.description)}</p>` : ''}
         <div class="task-card-footer">
           <span class="task-card-date">
             <i data-lucide="calendar"></i>