From 28321d639ea1f72d15c0e143116e897ce61da11c Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 17 Jun 2024 19:16:24 -0700
Subject: [PATCH] chore: style refinements

---
 package-lock.json                     | 16 ++++++++--------
 package.json                          |  2 +-
 src/assets/styles/base/index.css      |  4 ++--
 src/assets/styles/components/menu.css | 15 +++++----------
 4 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a69a660c..29df9c4b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.4.7",
+  "version": "19.4.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.4.7",
+      "version": "19.4.8",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
@@ -542,9 +542,9 @@
       }
     },
     "node_modules/@types/phoenix": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.4.tgz",
-      "integrity": "sha512-B34A7uot1Cv0XtaHRYDATltAdKx0BvVKNgYNqE4WjtPUa4VQJM7kxeXcVKaH+KS+kCmZ+6w+QaUdcljiheiBJA==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.5.tgz",
+      "integrity": "sha512-xegpDuR+z0UqG9fwHqNoy3rI7JDlvaPh2TY47Fl80oq6g+hXT+c/LEuE43X48clZ6lOfANl5WrPur9fYO1RJ/w==",
       "dev": true,
       "license": "MIT"
     },
@@ -1149,9 +1149,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.803",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.803.tgz",
-      "integrity": "sha512-61H9mLzGOCLLVsnLiRzCbc63uldP0AniRYPV3hbGVtONA1pI7qSGILdbofR7A8TMbOypDocEAjH/e+9k1QIe3g==",
+      "version": "1.4.804",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.804.tgz",
+      "integrity": "sha512-gXMMs2m7aUTdZpORQAvMCyH0JHywSpZxjblSc/C81aDr34jh0hmpplTFcM4AYrYALVmiVT/r63oA3tEG1BPVRw==",
       "dev": true,
       "license": "ISC"
     },
diff --git a/package.json b/package.json
index 6d8b4a83..ce76f874 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.4.7",
+  "version": "19.4.8",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index e73d05b0..a6be30d2 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -107,8 +107,8 @@ blockquote {
 }
 
 svg {
-  width: 24px;
-  height: 24px;
+  width: var(--sizing-svg-base);
+  height: var(--sizing-svg-base);
 }
 
 /* links */
diff --git a/src/assets/styles/components/menu.css b/src/assets/styles/components/menu.css
index 0e54248a..8fccde90 100644
--- a/src/assets/styles/components/menu.css
+++ b/src/assets/styles/components/menu.css
@@ -6,10 +6,8 @@
   gap: var(--sizing-md);
 
   & > li {
-    overflow: hidden;
     margin: 0;
     display: flex;
-    align-items: center;
 
     & .icon > svg,
     & .active > svg {
@@ -23,12 +21,9 @@
   }
 }
 
-.menu-button-container {
-  margin-left: var(--sizing-md)
-}
-
 .menu-button-container {
   display: none;
+  margin-left: var(--sizing-md);
 
   & .menu-open,
   & .menu-closed {
@@ -79,13 +74,15 @@
     position: absolute;
     top: 0;
     left: 0;
+    gap: 0;
     margin-top: calc(var(--sizing-3xl) * 2.25);
     flex-direction: column;
     width: 100%;
-    gap: 0;
     z-index: 3;
 
     & > li {
+      overflow: hidden;
+      align-items: center;
       justify-content: center;
       margin: 0;
       padding: var(--sizing-sm) 0;
@@ -107,14 +104,12 @@
 
   #menu-toggle ~ .menu-primary li {
     height: 0;
-    margin: 0;
-    padding: 0;
     border: 0;
   }
 
   #menu-toggle:checked ~ .menu-primary li {
     border-bottom: 1px solid var(--gray-light);
-    height:calc(var(--sizing-3xl) * 1.5);
+    height: calc(var(--sizing-3xl) * 1.5);
 
     &:first-child {
       border-top: 1px solid var(--gray-light);