adjust the sizing

Author: wvictor14

03_labour_main.qmd

@@ -10,7 +10,7 @@ include-in-header:
       <style>
       .panel-tabset {
           display: grid;
-          grid-gap: 0.8em;
+          grid-gap: 0;
           grid-template-columns: 15% 85%;
       }
 
@@ -28,22 +28,21 @@ include-in-header:
           flex-direction: column !important;
           flex-wrap: nowrap !important;
           border: none !important;
-          text-align: right;
       }
 
       .nav-item {
           display: block !important;
           width: 100% !important;
-          margin-bottom: 0.5rem !important;
+          margin-bottom: 0 !important;
           flex: none !important;
       }
 
       .nav-link {
-          font-size: 0.8rem !important;
+          font-size: 0.75rem !important;
           text-align: right !important;
-          padding: 0 !important;
-          line-height: 1.2 !important;
-          white-space: normal !important;
+          padding: 0 2px !important;
+          margin: 0 1px !important;
+          line-height: normal !important;
       }
       .tab-content {
         border: none;
@@ -69,7 +68,7 @@ from brand_yml import Brand
 ```{python}
 # | tags: [parameters]
 LABOUR_DATA_FILE = here() / "data" / "14100355.csv"
-FIGURE_THEME_SIZE = (10, 5)
+FIGURE_THEME_SIZE = (9, 5)
 FILTER_YEAR = (2018, 2025)
 BRAND = Brand.from_yaml(here())
 FONT_PRIMARY = BRAND.typography.base.model_dump()["family"]
@@ -148,9 +147,9 @@ LEGEND_LABELS = [
 
 Track the number of industries gaining or losing jobs each month. Boxes are shaded based on percentage change from previous month in each industry's employment levels.
 
-::: {.panel-tabset .nav-pills .column-screen-inset}
+::: {.panel-tabset .nav-pills .column-page-inset}
 
-### flag
+### Select an Industry
 
 ```{python}
 # | output: asis