Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use flex gap instead of margin right in tables

Browse Source
This commit is contained in:
Adina Țeudan 2024-04-11 18:25:01 +03:00
parent 005167487d
commit fc06bcc31d
1 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/assets/styles/common-tables.scss
View File

@ -8,10 +8,7 @@
flex: 1; flex: 1;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
gap: 10px;
> *:not(:last-child) {
margin-right: 10px;
}
} }
.header-item { .header-item {
@ -23,6 +20,7 @@
border-bottom: 1px solid var(--iqser-separator); border-bottom: 1px solid var(--iqser-separator);
box-sizing: border-box; box-sizing: border-box;
padding: 0 24px; padding: 0 24px;
gap: 10px;
.header-title { .header-title {
display: flex; display: flex;
@ -34,17 +32,10 @@
padding: 0 24px 0 10px; padding: 0 24px 0 10px;
} }
> *:not(:last-child) {
margin-right: 10px;
}
.actions { .actions {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
gap: 16px;
> *:not(:last-child) {
margin-right: 16px;
}
} }
} }