From fc06bcc31df549e86799051c6d2ce953b9c815ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adina=20=C8=9Aeudan?= Date: Thu, 11 Apr 2024 18:25:01 +0300 Subject: [PATCH] Use flex gap instead of margin right in tables --- src/assets/styles/common-tables.scss | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/src/assets/styles/common-tables.scss b/src/assets/styles/common-tables.scss index d50da06..2f56971 100644 --- a/src/assets/styles/common-tables.scss +++ b/src/assets/styles/common-tables.scss @@ -8,10 +8,7 @@ flex: 1; align-items: center; justify-content: flex-end; - - > *:not(:last-child) { - margin-right: 10px; - } + gap: 10px; } .header-item { @@ -23,6 +20,7 @@ border-bottom: 1px solid var(--iqser-separator); box-sizing: border-box; padding: 0 24px; + gap: 10px; .header-title { display: flex; @@ -34,17 +32,10 @@ padding: 0 24px 0 10px; } - > *:not(:last-child) { - margin-right: 10px; - } - .actions { display: flex; align-items: center; justify-content: flex-end; - - > *:not(:last-child) { - margin-right: 16px; - } + gap: 16px; } }