From db0a3bb4d61228633bba4ee07d3302806376d10b Mon Sep 17 00:00:00 2001
From: mguschin <gn.mikle@gmail.com>
Date: Wed, 13 May 2026 21:09:32 +0300
Subject: [PATCH] fix: table compresses to page width with fixed layout and
 ellipsis overflow

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/static/style.css           | 10 ++++++++++
 web/templates/admin/users.html | 17 ++++++++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/web/static/style.css b/web/static/style.css
index b5f8557..a84bb42 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -322,11 +322,21 @@ article.card {
 
 table.align-middle {
     width: 100%;
+    table-layout: fixed;
 }
 
 table.align-middle td,
 table.align-middle th {
     vertical-align: middle;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+table.align-middle td.wrap,
+table.align-middle th.wrap {
+    white-space: normal;
+    word-break: break-all;
 }
 
 /* Breadcrumb */
diff --git a/web/templates/admin/users.html b/web/templates/admin/users.html
index c6a2f2b..5f285a5 100644
--- a/web/templates/admin/users.html
+++ b/web/templates/admin/users.html
@@ -89,6 +89,17 @@
 <article class="card">
     <div class="table-scroll">
         <table class="align-middle">
+            <colgroup>
+                <col style="width:4%">
+                <col style="width:15%">
+                <col style="width:28%">
+                <col style="width:10%">
+                <col style="width:10%">
+                <col style="width:6%">
+                <col style="width:15%">
+                <col style="width:5%">
+                <col style="width:5%">
+            </colgroup>
             <thead>
                 <tr>
                     <th>ID</th>
@@ -98,7 +109,7 @@
                     <th>Роль</th>
                     <th>Статус</th>
                     <th>Эвотор</th>
-                    <th>Регистрация</th>
+                    <th>Дата</th>
                     <th></th>
                 </tr>
             </thead>
@@ -107,13 +118,13 @@
                 <tr>
                     <td class="text-muted small">{{ u.id }}</td>
                     <td>{{ u.first_name }} {{ u.last_name }}</td>
-                    <td>
+                    <td title="{{ u.email }}">
                         {{ u.email }}
                         {% if not u.is_email_confirmed %}
                             <span class="badge badge-warning ms-1" title="Email не подтверждён"><i class="bi bi-exclamation-circle"></i></span>
                         {% endif %}
                     </td>
-                    <td>{{ u.phone }}</td>
+                    <td>{{ u.phone or '—' }}</td>
                     <td>
                         {% if u.role == 'system' %}<span class="badge badge-danger">Системный</span>
                         {% elif u.role == 'admin' %}<span class="badge badge-warning">Админ</span>