v0.5.135: UI таблицы — разделение столбцов, 💾, размеры

views/v2/user.ejs

@@ -210,11 +210,12 @@
       <table>
         <thead>
           <tr>
-            <th>Адрес / Подсеть</th>
+            <th style="width:1%;white-space:nowrap;">Адрес / Подсеть</th>
             <th>Комментарий</th>
             <th>Добавил</th>
-            <th>Добавлена</th>
-            <th style="text-align:center;width:80px;">Действия</th>
+            <th style="font-size:.78rem;width:1%;white-space:nowrap;">Добавлена</th>
+            <th style="text-align:center;width:1%;white-space:nowrap;">Редактирование</th>
+            <th style="width:1%;"></th>
           </tr>
         </thead>
         <tbody>
@@ -223,14 +224,20 @@
             <td><code><%= e.value_cidr %></code><% if (e.deleted_at) { %> <span style="font-size:.7rem;color:var(--red);">удалена</span><% } %></td>
             <td><%= e.comment || '—' %></td>
             <td><%= e.created_by %></td>
-            <td><%= new Date(e.created_at).toLocaleString('ru', {timeZone:'Europe/Moscow'}) %> МСК</td>
+            <td style="font-size:.78rem;"><%= new Date(e.created_at).toLocaleString('ru', {timeZone:'Europe/Moscow'}) %> МСК</td>
             <td style="text-align:center;white-space:nowrap;">
               <% if (!e.deleted_at) { %>
                 <form method="POST" action="/v2/app/edit/<%= e.id %>" style="display:inline;">
                   <input name="cidr" value="<%= e.value_cidr %>" size="18" style="padding:.2rem .4rem;border:1px solid var(--border);border-radius:4px;font-size:.82rem;">
                   <input name="comment" value="<%= e.comment || '' %>" size="18" style="padding:.2rem .4rem;border:1px solid var(--border);border-radius:4px;font-size:.82rem;">
-                  <button class="btn btn-sm" title="Сохранить">✓</button>
+                  <button class="btn btn-sm" title="Сохранить">💾</button>
                 </form>
+              <% } else { %>
+                <span style="color:var(--muted);font-size:.78rem;">удалена</span>
+              <% } %>
+            </td>
+            <td style="text-align:center;">
+              <% if (!e.deleted_at) { %>
                 <form method="POST" action="/v2/app/delete/<%= e.id %>" style="display:inline;">
                   <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Удалить?')" title="Удалить">🗑️</button>
                 </form>