diff --git a/web/templates/projects.html b/web/templates/projects.html
index 051bf2f..0f0419f 100644
--- a/web/templates/projects.html
+++ b/web/templates/projects.html
@@ -97,6 +97,40 @@ function formatDateTime(value) {
     });
 }
 
+function formatDateParts(value) {
+    if (!value) return null;
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) return null;
+    return {
+        date: date.toLocaleDateString('ru-RU', {
+            year: 'numeric',
+            month: '2-digit',
+            day: '2-digit'
+        }),
+        time: date.toLocaleTimeString('ru-RU', {
+            hour: '2-digit',
+            minute: '2-digit'
+        })
+    };
+}
+
+function renderAuditCell(value, user) {
+    const parts = formatDateParts(value);
+    const safeUser = escapeHtml((user || '—').trim() || '—');
+    if (!parts) {
+        return '<div class="leading-tight">' +
+            '<div class="text-gray-400">—</div>' +
+            '<div class="text-gray-400">—</div>' +
+            '<div class="text-gray-500">@ ' + safeUser + '</div>' +
+        '</div>';
+    }
+    return '<div class="leading-tight whitespace-nowrap">' +
+        '<div>' + escapeHtml(parts.date) + '</div>' +
+        '<div class="text-gray-500">' + escapeHtml(parts.time) + '</div>' +
+        '<div class="text-gray-600">@ ' + safeUser + '</div>' +
+    '</div>';
+}
+
 function normalizeVariant(variant) {
     const trimmed = (variant || '').trim();
     return trimmed === '' ? 'main' : trimmed;
@@ -225,20 +259,20 @@ async function loadProjects() {
         return;
     }
 
-    let html = '<div class="overflow-x-auto"><table class="w-full">';
+    let html = '<div class="overflow-x-auto"><table class="w-full table-fixed min-w-[980px]">';
     html += '<thead class="bg-gray-50">';
     html += '<tr>';
-    html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Код</th>';
+    html += '<th class="w-28 px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Код</th>';
     html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">';
     html += '<button type="button" onclick="toggleSort(\'name\')" class="inline-flex items-center gap-1 hover:text-gray-700">Название';
     if (sortField === 'name') {
         html += sortDir === 'asc' ? ' <span>↑</span>' : ' <span>↓</span>';
     }
     html += '</button></th>';
-    html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Создан @ автор</th>';
-    html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Изменен @ кто</th>';
-    html += '<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Варианты</th>';
-    html += '<th class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase">Действия</th>';
+    html += '<th class="w-44 px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Создан</th>';
+    html += '<th class="w-44 px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Изменен</th>';
+    html += '<th class="w-36 px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Варианты</th>';
+    html += '<th class="w-36 px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase">Действия</th>';
     html += '</tr>';
     html += '<tr>';
     html += '<th class="px-4 py-2"></th>';
@@ -259,14 +293,12 @@ async function loadProjects() {
         const displayName = p.name || '';
         const createdBy = p.owner_username || '—';
         const updatedBy = '—';
-        const createdLabel = formatDateTime(p.created_at) + ' @ ' + createdBy;
-        const updatedLabel = formatDateTime(p.updated_at) + ' @ ' + updatedBy;
         const variantChips = renderVariantChips(p.code, p.variant, p.uuid);
-        html += '<td class="px-4 py-3 text-sm font-medium"><a class="text-blue-600 hover:underline" href="/projects/' + p.uuid + '">' + escapeHtml(p.code || '—') + '</a></td>';
-        html += '<td class="px-4 py-3 text-sm text-gray-700">' + escapeHtml(displayName) + '</td>';
-        html += '<td class="px-4 py-3 text-sm text-gray-600">' + escapeHtml(createdLabel) + '</td>';
-        html += '<td class="px-4 py-3 text-sm text-gray-600">' + escapeHtml(updatedLabel) + '</td>';
-        html += '<td class="px-4 py-3 text-sm">' + variantChips + '</td>';
+        html += '<td class="px-4 py-3 text-sm font-medium align-top"><a class="inline-block max-w-full text-blue-600 hover:underline whitespace-nowrap" href="/projects/' + p.uuid + '">' + escapeHtml(p.code || '—') + '</a></td>';
+        html += '<td class="px-4 py-3 text-sm text-gray-700 align-top"><div class="truncate" title="' + escapeHtml(displayName) + '">' + escapeHtml(displayName || '—') + '</div></td>';
+        html += '<td class="px-4 py-3 text-sm text-gray-600 align-top">' + renderAuditCell(p.created_at, createdBy) + '</td>';
+        html += '<td class="px-4 py-3 text-sm text-gray-600 align-top">' + renderAuditCell(p.updated_at, updatedBy) + '</td>';
+        html += '<td class="px-4 py-3 text-sm align-top"><div class="flex flex-wrap gap-1">' + variantChips + '</div></td>';
         html += '<td class="px-4 py-3 text-sm text-right"><div class="inline-flex items-center gap-2">';
 
         if (p.is_active) {