CIWEMB-376: Update default table styles

civicrm · Jul 26, 2023 · 9e70501 · 9e70501
1 parent 3269d3b
commit 9e70501
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/scss/civicrm/_variables.scss b/scss/civicrm/_variables.scss
@@ -1,5 +1,8 @@
 $crm-standard-gap: 20px;
 $crm-table-form-cell-padding: 4px;
+$crm-table-cell-line-height: 18px;
+$crm-table-cell-padding: 16px 10px;
+$crm-table-first-cell-padding-left: 20px;
 
 $crm-contact-info-block-min-height: 60px;
 $crm-contact-info-block-padding-top: 20px;

diff --git a/scss/civicrm/common/_tables.scss b/scss/civicrm/common/_tables.scss
@@ -34,7 +34,17 @@ table {
   tr td {
     border: initial;
     border-bottom: solid 1px $table-border-color;
-    line-height: 35px;
+    line-height: $crm-table-cell-line-height;
+  }
+
+  tr > th:first-child,
+  tr > td:first-child {
+    padding-left: $crm-table-first-cell-padding-left;
+  }
+
+  tr > td,
+  tr > th {
+    padding: $crm-table-cell-padding;
   }
 
   tr:last-child {