indent on project table habitat categories

R/funcs.R

@@ -64,7 +64,19 @@ tab_fun <- function(dat, yrrng, fntsz = 14, family = NULL, rowgrp = c('Primary',
   tab <- reactable(
     totab, 
     columns = list(
-      rowgrp = colDef(name = 'Habitat', minWidth = habmin, maxWidth = habmin, align = 'left', class = 'sticky left-col-1-bord', headerClass = 'sticky left-col-1-bord', footerClass = 'sticky left-col-1-bord'), 
+      rowgrp = colDef(
+        name = 'Habitat', 
+        minWidth = habmin, 
+        maxWidth = habmin, 
+        align = 'left',
+        style = function(value, index) {
+          if (!index %in% bld) {
+            list(paddingLeft = "15px", fontSize = fntsz, fontFamily = family)
+          } else {
+            list(fontWeight = "bold", fontSize = fntsz, fontFamily = family)
+          }
+        }
+      ), 
       tot = colDef(name = 'Total projects', minWidth = 70, maxWidth = 70)
     ),
     defaultColDef = colDef(

docs/summaries.html

@@ -701,7 +701,7 @@ <h3 class="anchored" data-anchor-id="total-2024-projects">Total 2024 projects</h
 });
 </script>
 </div> <!-- /content -->
-<script>var lightboxQuarto = GLightbox({"loop":false,"selector":".lightbox","descPosition":"bottom","closeEffect":"zoom","openEffect":"zoom"});
+<script>var lightboxQuarto = GLightbox({"descPosition":"bottom","closeEffect":"zoom","selector":".lightbox","loop":false,"openEffect":"zoom"});
 window.onload = () => {
   lightboxQuarto.on('slide_before_load', (data) => {
     const { slideIndex, slideNode, slideConfig, player, trigger } = data;