From dd991f41fe7c5feb0a82a450cce31441f8c450bf Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Tue, 22 Oct 2024 13:20:57 -0700
Subject: [PATCH] chore: filter display

---
 package-lock.json                      | 28 +++++++++++++-------------
 package.json                           |  2 +-
 src/assets/styles/base/index.css       |  8 +++++++-
 src/assets/styles/components/forms.css | 10 ++-------
 4 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f21116c5..e65f89aa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "1.6.2",
+      "version": "1.6.3",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.5.0",
@@ -709,9 +709,9 @@
       "peer": true
     },
     "node_modules/@types/node": {
-      "version": "22.7.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.7.tgz",
-      "integrity": "sha512-SRxCrrg9CL/y54aiMCG3edPKdprgMVGDXjA3gB8UmmBW5TcXzRUYAh8EWzTnSJFAd1rgImPELza+A3bJ+qxz8Q==",
+      "version": "22.7.8",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.8.tgz",
+      "integrity": "sha512-a922jJy31vqR5sk+kAdIENJjHblqcZ4RmERviFsER4WJcEONqxKcjNOlk0q7OUfrF5sddT+vng070cdfMlrPLg==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.19.2"
@@ -1058,9 +1058,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.24.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.0.tgz",
-      "integrity": "sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==",
+      "version": "4.24.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
       "dev": true,
       "funding": [
         {
@@ -1078,10 +1078,10 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001663",
-        "electron-to-chromium": "^1.5.28",
+        "caniuse-lite": "^1.0.30001669",
+        "electron-to-chromium": "^1.5.41",
         "node-releases": "^2.0.18",
-        "update-browserslist-db": "^1.1.0"
+        "update-browserslist-db": "^1.1.1"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -1778,9 +1778,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.41",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.41.tgz",
-      "integrity": "sha512-dfdv/2xNjX0P8Vzme4cfzHqnPm5xsZXwsolTYr0eyW18IUmNyG08vL+fttvinTfhKfIKdRoqkDIC9e9iWQCNYQ==",
+      "version": "1.5.42",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.42.tgz",
+      "integrity": "sha512-gIfKavKDw1mhvic9nbzA5lZw8QSHpdMwLwXc0cWidQz9B15pDoDdDH4boIatuFfeoCatb3a/NGL6CYRVFxGZ9g==",
       "dev": true,
       "license": "ISC"
     },
diff --git a/package.json b/package.json
index c3db2300..7c0a48e6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index 918c016c..1225d20b 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -47,13 +47,19 @@ p {
   text-underline-offset: var(--spacing-xs);
 }
 
-.highlight-text {
+.highlight-text,
+details > summary {
   color: var(--text-color-inverted);
   background-color: var(--accent-color);
   padding: var(--spacing-xs);
   border-radius: var(--border-radius-slight);
 }
 
+details > summary {
+  cursor: pointer;
+  display: inline;
+}
+
 blockquote {
   font-size: var(--font-size-lg);
   color: var(--gray-dark);
diff --git a/src/assets/styles/components/forms.css b/src/assets/styles/components/forms.css
index 9f04f7f8..e4342c22 100644
--- a/src/assets/styles/components/forms.css
+++ b/src/assets/styles/components/forms.css
@@ -36,10 +36,11 @@ select {
 }
 
 fieldset {
-  border: var(--border-gray);
   display: flex;
   flex-direction: column;
   gap: var(--spacing-sm);
+  padding: var(--spacing-lg) 0 0 0;
+  border: none;
 
   @media screen and (min-width: 768px) {
     flex-direction: row;
@@ -55,13 +56,6 @@ fieldset {
   & input[type="checkbox"] {
     margin: 0;
   }
-
-  & legend {
-    color: var(--text-color-inverted);
-    background-color: var(--accent-color);
-    padding: var(--spacing-xs);
-    border-radius: var(--border-radius-slight);
-  }
 }
 
 .search__form {