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.
hoylabs · Oct 29, 2024 · 28bbd27 · 28bbd27
1 parent d8fa703
commit 28bbd27
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;
 }