diff --git a/public/style.css b/public/style.css
index 359d09c..d225fbf 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2417,4 +2417,38 @@ small {
 
 .time-btn i {
     font-size: 16px;
+}
+/* Добавьте в конец style.css */
+.task-card .task-meta {
+    padding: 10px 20px;
+    background: #f8f9fa;
+    border-top: 1px solid #e9ecef;
+    border-radius: 0 0 15px 15px;
+    margin-top: 0;
+    font-size: 0.85rem;
+    color: #6c757d;
+    transition: all 0.3s ease;
+}
+
+.task-card .task-content {
+    border-top: none;
+    margin-top: 0;
+    padding-top: 0;
+}
+
+.task-card.deleted .task-meta {
+    background: #f5c6cb;
+    color: #721c24;
+}
+
+.task-card.closed .task-meta {
+    background: #e9ecef;
+    color: #6c757d;
+}
+
+@media (max-width: 768px) {
+    .task-card .task-meta {
+        padding: 8px 15px;
+        font-size: 0.8rem;
+    }
 }
\ No newline at end of file
diff --git a/public/ui.js b/public/ui.js
index 2a7c1ca..c79ec6e 100644
--- a/public/ui.js
+++ b/public/ui.js
@@ -124,6 +124,7 @@ ${task.assignments && task.assignments.length > 0 ?
     renderAssignmentList(task.assignments, task.id, canEdit) : 
     '<div>Не назначены</div>'
 }
+                    </div> 
                     </div>
                     
                     <div class="task-meta">
@@ -131,7 +132,7 @@ ${task.assignments && task.assignments.length > 0 ?
                         ${task.deleted_at ? `<br><small>Удалена: ${formatDateTime(task.deleted_at)}</small>` : ''}
                         ${task.closed_at ? `<br><small>Закрыта: ${formatDateTime(task.closed_at)}</small>` : ''}
                     </div>
-                </div>
+                
             </div>
         `;
     }).join('');