messing around with spacing and page headers

web/src/components/general/PageHeader.tsx

@@ -3,12 +3,14 @@ import styles from "./pageHeader.module.scss";
 export const PageHeader = ({
   heading,
   lead,
+  align
 }: {
   heading: string;
   lead?: string;
+  align?: "center" | "left"
 }) => {
   return (
-    <div className={styles.pageHeader}>
+    <div className={`${styles.pageHeader} ${align && styles[align]}`}>
       <h1 className={styles.title}>{heading}</h1>
       {lead && (
         <div className="lead" dangerouslySetInnerHTML={{ __html: lead }} />

web/src/components/general/pageHeader.module.scss

@@ -1,6 +1,12 @@
 .pageHeader {
   position: relative;
-  padding: var(--spacing-s) 0 var(--spacing-sitepadding-block);
+  width: var(--size-width-lead);
+  max-width: 100%;
+  margin: 0 auto var(--spacing-l);
+
+  &.left {
+    margin-left: 0;
+  }
 }
 
 .title {

web/src/components/venues/neufMap.module.scss

@@ -4,7 +4,7 @@
   gap: var(--spacing-gap-column);
   width: 100%;
   max-width: 1200px;
-  margin: var(--spacing-xl) auto;
+  margin: var(--spacing-xxl) auto;
 }
 
 .floorHeading {