ui: edit/delete in separate columns, classic grey buttons, no red trash

index.cfm

@@ -147,13 +147,13 @@
             text-align: left;
             border-right: 1px solid var(--brand-gray);
         }
-        th:last-child { border-right: none; text-align: center; width: 80px; }
+        th:last-child { border-right: none; text-align: center; width: 60px; }
         td {
             padding: 8px 12px;
             border-bottom: 1px solid var(--brand-gray);
             border-right: 1px solid var(--brand-gray);
         }
-        td:last-child { border-right: none; text-align: center; }
+        td:last-child { border-right: none; text-align: center; width: 60px; }
         tr:hover { background: rgba(243,244,246,0.5); }
         tr:last-child td { border-bottom: none; }
 
@@ -194,8 +194,9 @@
         input[type="text"]:focus { outline: none; border-color: var(--brand-primary); box-shadow: 0 0 0 2px rgba(37,99,235,0.15); }
 
         /* Action links */
-        .icon-link { text-decoration: none; font-size: 18px; cursor: pointer; }
+        /* Action column */
-        .icon-link:hover { opacity: 0.7; }
+        td.act { text-align: center; width: 60px; border-right: none; }
+        td.act:last-child { border-right: none; }
         .empty-cell { color: var(--text-muted); padding: 24px; text-align: center; }
     </style>
 </head>
@@ -212,19 +213,21 @@
         <div class="card-body" style="padding: 0;">
             <table>
                 <thead>
-                    <tr><th>ID</th><th>Value</th><th></th></tr>
+                    <tr><th>ID</th><th>VALUE</th><th style="text-align:center;"></th><th style="text-align:center;"></th></tr>
                 </thead>
                 <tbody>
                     <cfoutput query="rows">
                     <tr>
                         <td>#id#</td>
                         <td>#value#</td>
-                        <td>
+                        <td style="text-align:center;">
-                            <a href="index.cfm?edit=#id#" class="icon-link" title="Редактировать">✏️</a>
+                            <a href="index.cfm?edit=#id#" class="btn btn-sm">✏️</a>
+                        </td>
+                        <td style="text-align:center;">
                             <form method="post" style="display:inline">
                                 <input type="hidden" name="action" value="delete" />
                                 <input type="hidden" name="id" value="#id#" />
-                                <button type="submit" class="btn btn-destructive btn-sm" onclick="return confirm('Удалить #id#?')">🗑️</button>
+                                <button type="submit" class="btn btn-sm" onclick="return confirm('Удалить #id#?')">🗑️</button>
                             </form>
                         </td>
                     </tr>