From bddcd16a074626eb7f1613d01225cd93c39b2b80 Mon Sep 17 00:00:00 2001 From: 3252a8 <3252a8@proton.me> Date: Sun, 7 Jun 2026 22:52:10 +0300 Subject: [PATCH] fix: align tariff row delete buttons --- frontend/src/styles/admin-controls.css | 5 ++++- frontend/src/styles/admin.css | 13 ++++++++----- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/frontend/src/styles/admin-controls.css b/frontend/src/styles/admin-controls.css index 1b2f739..4d77a49 100644 --- a/frontend/src/styles/admin-controls.css +++ b/frontend/src/styles/admin-controls.css @@ -275,7 +275,10 @@ } .admin-row-editor-line .admin-btn { - width: 32px; + width: var(--admin-row-editor-action-size, 36px); + min-width: var(--admin-row-editor-action-size, 36px); + height: var(--admin-row-editor-action-size, 36px); + min-height: var(--admin-row-editor-action-size, 36px); padding: 0; } diff --git a/frontend/src/styles/admin.css b/frontend/src/styles/admin.css index 22ae20e..d79573e 100644 --- a/frontend/src/styles/admin.css +++ b/frontend/src/styles/admin.css @@ -3556,20 +3556,23 @@ } .admin-row-editor-line { + --admin-row-editor-action-size: 36px; display: grid; - grid-template-columns: minmax(90px, 1fr) minmax(110px, 1fr) 32px; + grid-template-columns: minmax(90px, 1fr) minmax(110px, 1fr) var(--admin-row-editor-action-size); gap: 8px; align-items: center; } .admin-row-editor-line.admin-row-editor-4 { - grid-template-columns: minmax(80px, 0.8fr) minmax(100px, 1fr) minmax(100px, 1fr) 32px; + grid-template-columns: + minmax(80px, 0.8fr) minmax(100px, 1fr) minmax(100px, 1fr) + var(--admin-row-editor-action-size); } .admin-row-editor-line.admin-row-editor-6 { grid-template-columns: minmax(72px, 0.8fr) minmax(90px, 1fr) minmax(90px, 1fr) minmax(120px, 1fr) - minmax(120px, 1fr) 32px; + minmax(120px, 1fr) var(--admin-row-editor-action-size); } /* Rows with a leading drag handle (Sortable) so the purchase order can be @@ -3577,12 +3580,12 @@ .admin-row-editor-line.admin-row-editor-period { grid-template-columns: 24px minmax(72px, 0.8fr) minmax(90px, 1fr) minmax(90px, 1fr) minmax(120px, 1fr) - minmax(120px, 1fr) 32px; + minmax(120px, 1fr) var(--admin-row-editor-action-size); } .admin-row-editor-line.admin-row-editor-drag { grid-template-columns: 24px minmax(90px, 1fr) minmax(110px, 1fr) minmax(110px, 1fr) - 32px; + var(--admin-row-editor-action-size); } .admin-dialog-actions {