From c4d590f13ab69ce3135463674715f4251a68ea7e Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Fri, 11 Nov 2022 17:34:26 +0100
Subject: [PATCH] fixed button padding for web vitals

---
 src/_includes/partials/menu.njk | 8 +-------
 src/assets/css/blocks/code.css  | 2 +-
 src/assets/css/blocks/menu.css  | 1 +
 src/assets/css/blocks/prose.css | 2 +-
 4 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/_includes/partials/menu.njk b/src/_includes/partials/menu.njk
index 189f6c2..4caa659 100644
--- a/src/_includes/partials/menu.njk
+++ b/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
diff --git a/src/assets/css/blocks/code.css b/src/assets/css/blocks/code.css
index 67ad2a9..48b0f71 100644
--- a/src/assets/css/blocks/code.css
+++ b/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);
 }
diff --git a/src/assets/css/blocks/menu.css b/src/assets/css/blocks/menu.css
index 0895b81..f32e45e 100644
--- a/src/assets/css/blocks/menu.css
+++ b/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 {
diff --git a/src/assets/css/blocks/prose.css b/src/assets/css/blocks/prose.css
index 6e19654..f6a5b77 100644
--- a/src/assets/css/blocks/prose.css
+++ b/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;
 }