webapp: align table headers with card headers

set the left margin of table header cells to the same marging the card header use, such that the text align on the same axis.
tbnobody · Nov 1, 2024 · ad73fd8 · ad73fd8
1 parent e6a994f
commit ad73fd8
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/webapp/src/scss/styles.scss b/webapp/src/scss/styles.scss
@@ -27,6 +27,14 @@ div.card.card-table {
     overflow: hidden;
 }
 
+div.card.card-table tr > :first-child {
+    padding-left: var(--bs-card-cap-padding-x);
+}
+
+div.card.card-table tr > :last-child {
+    padding-right: var(--bs-card-cap-padding-x);
+}
+
 div.card.card-table div.card-body {
     padding: 0;
 }