web/PageNav: add a prop for enabling content padding

web/src/components/subnav/PageNav.svelte

@@ -12,6 +12,7 @@
     export let homeDesktopPath: string;
     export let homeTitle: string;
     export let pageSubtitle = "";
+    export let contentPadding = false;
 
     let screenWidth: number;
 
@@ -91,6 +92,7 @@
         <main
             id="{pageName}-page-content"
             class="subnav-page-content"
+            class:padding={contentPadding}
             tabindex="-1"
             data-first-focus
             data-focus-ring-hidden
@@ -122,6 +124,10 @@
         overflow-y: scroll;
     }
 
+    .subnav-page-content.padding {
+        padding: var(--subnav-padding);
+    }
+
     .subnav-sidebar,
     .subnav-navigation {
         display: flex;
@@ -207,6 +213,10 @@
             max-width: unset;
         }
 
+        .subnav-page-content.padding {
+            padding: var(--padding);
+        }
+
         .subnav-header {
             display: flex;
             align-items: center;