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 {