project tables have centered numbers

R/figs.R

@@ -516,7 +516,7 @@ p <- p1 + p2 + plot_layout(ncol = 2, guides = 'collect', widths = c(0.6, 1)) &
     legend.position = 'bottom'
     )
 
-png(here('docs/figs/hmpreport.png'), height = 6, width = 7, units = 'in', res = 500)
+png(here('docs/figs/hmpreport.png'), height = 6.5, width = 7, units = 'in', res = 500)
 print(p)
 dev.off()
 

R/funcs.R

@@ -64,14 +64,15 @@ 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, 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', class = 'sticky left-col-1-bord', headerClass = 'sticky left-col-1-bord', footerClass = 'sticky left-col-1-bord'), 
       tot = colDef(name = 'Total projects', minWidth = 70, maxWidth = 70)
     ),
     defaultColDef = colDef(
       headerStyle= list(fontSize = fntsz, fontFamily = family),
       minWidth = 105,
       maxWidth = 105,
       resizable = F,
+      align = 'center',
       style = function(value, index) {
         if (index %in% bld)
           list(fontWeight = "bold", fontSize = fntsz, fontFamily = family)

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({"openEffect":"zoom","selector":".lightbox","closeEffect":"zoom","loop":false,"descPosition":"bottom"});
+<script>var lightboxQuarto = GLightbox({"loop":false,"selector":".lightbox","descPosition":"bottom","closeEffect":"zoom","openEffect":"zoom"});
 window.onload = () => {
   lightboxQuarto.on('slide_before_load', (data) => {
     const { slideIndex, slideNode, slideConfig, player, trigger } = data;