refactor: tweak styling

This commit is contained in:
Carlos Valente
2024-12-17 17:06:25 +01:00
committed by Carlos Valente
parent 1bdea8e436
commit 3d37f42fe0
3 changed files with 16 additions and 8 deletions
@@ -33,6 +33,10 @@ $table-header-font-size: calc(1rem - 2px);
.tableHeader,
.eventRow {
.indexColumn {
display: flex;
align-items: center;
justify-content: end;
min-width: 3em; // allow for 3-digit numbers
text-align: right;
font-weight: 400;
@@ -40,10 +44,11 @@ $table-header-font-size: calc(1rem - 2px);
position: sticky;
left: 0;
z-index: 1;
background-color: $gray-1300;
background-color: $gray-1300; // will be overridden inline
}
.actionColumn {
width: 2rem;
width: calc(1.5rem + 0.5rem); // sm button size (--chakra-sizes-6) + 2 * padding
}
}
@@ -53,7 +58,8 @@ $table-header-font-size: calc(1rem - 2px);
z-index: 10;
background-color: $ui-black;
font-size: $table-header-font-size;
color: $label-gray;}
color: $label-gray;
}
th {
background-color: $gray-1300;