fixed button padding for web vitals

src/_includes/partials/menu.njk

@@ -23,13 +23,7 @@
 <!--  template element holding a button that needs to be injected when JavaScript is finally available. Source: https://web.dev/website-navigation/ -->
 
 <template id="burger-template">
-  <button
-    type="button"
-    aria-expanded="false"
-    aria-label="Menu"
-    aria-controls="mainnav"
-    class=""
-  >
+  <button type="button" aria-expanded="false" aria-label="Menu" aria-controls="mainnav">
     <span>Menu</span>
     <svg width="24" height="24" aria-hidden="true">
       <path

src/assets/css/blocks/code.css

@@ -225,7 +225,7 @@ pre[class*='language-'] {
 }
 
 .codepen {
-  padding: var(--space-sm);
+  padding: var(--space-xs);
   color: var(--color-text-accent);
   border: 2px dashed var(--color-bg-accent);
 }

src/assets/css/blocks/menu.css

@@ -101,6 +101,7 @@ nav.navbar button {
   z-index: 2;
   cursor: pointer;
   align-items: center;
+  padding: var(--space-xs) 0;
 }
 
 nav.navbar span {

src/assets/css/blocks/prose.css

@@ -1,5 +1,5 @@
 .prose {
-  --flow-space: var(--space-l-xl);
+  --flow-space: var(--space-m-l);
   --wrapper-max-width: 55rem;
 }