tweaks

laws-africa · Jun 1, 2024 · 7182655 · 7182655
1 parent 45267c7
commit 7182655
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/peachjam/js/components/LegislationTable/index.vue b/peachjam/js/components/LegislationTable/index.vue
@@ -108,7 +108,7 @@
               v-else
               :id="`row-${index}`"
               :row="row"
-              :hideCitation="hideCitations"
+              :hide-citation="hideCitations"
               @toggle="toggleChildren(index)"
             />
             <template v-if="row.children && row.children.length">
@@ -120,7 +120,7 @@
                   v-for="(child, childIndex) in row.children"
                   :key="childIndex"
                   :row="child"
-                  :hideCitation="hideCitations"
+                  :hide-citation="hideCitations"
                 />
               </tbody>
             </template>

diff --git a/peachjam/static/stylesheets/components/_tables.scss b/peachjam/static/stylesheets/components/_tables.scss
@@ -49,6 +49,8 @@ table.doc-table {
   }
 
   .doc-table-children {
+    background-color: $gray-100;
+
     .cell-title {
       padding-left: 20px;
     }
@@ -64,8 +66,8 @@ table.doc-table {
     tr {
       display: grid;
       grid-template-columns: repeat(12, 1fr);
-      gap: 0 $table-cell-padding-x;
-      padding: $table-cell-padding-x;
+      gap: 0 $table-cell-padding-x-sm;
+      padding: $table-cell-padding-x 0;
       // the row is moved to the tr, rather than the cells
       border-bottom: 1px solid $table-border-color;
     }
@@ -126,7 +128,7 @@ table.doc-table.doc-table--toggle {
 
   @include media-breakpoint-down(md) {
     tr {
-      // extra 25px for the toggle column
+      // extra space for the toggle column
       grid-template-columns: 20px repeat(12, 1fr);
     }