From 51957003977a822f10316e810ca99da27d8c6e28 Mon Sep 17 00:00:00 2001
From: Dallas Hoffman <dallashoff@gmail.com>
Date: Sun, 24 Sep 2023 00:19:57 -0400
Subject: [PATCH] Change font to one with a bold version; other style fixes

---
 src/app.html                          |  5 ++++-
 src/app.scss                          | 15 +++++++++++----
 src/lib/components/filter-tags.svelte |  2 +-
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/app.html b/src/app.html
index fb059cb..c4e1f27 100644
--- a/src/app.html
+++ b/src/app.html
@@ -7,7 +7,10 @@
 		<meta name="color-scheme" content="dark light" />
 		<link rel="preconnect" href="https://fonts.googleapis.com" />
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-		<link href="https://fonts.googleapis.com/css2?family=Mandali&display=swap" rel="stylesheet" />
+		<link
+			href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap"
+			rel="stylesheet"
+		/>
 		<link rel="icon" href="/favicon.ico" />
 		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
 		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
diff --git a/src/app.scss b/src/app.scss
index 5b837c6..48e0ec0 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -6,12 +6,12 @@
 @use 'bytemd/dist/index.css';
 
 :root {
-	--font-family: 'Mandali', system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell',
-		'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+	--font-family: 'M PLUS Rounded 1c', system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Ubuntu',
+		'Cantarell', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
 		'Noto Color Emoji';
 	--form-element-spacing-vertical: 0.3rem;
 	--form-element-spacing-horizontal: 0.45rem;
-	--muted-color: hsl(205 30% 85%);
+	--neutral-color: hsl(205 30% 85%);
 	--code-color: hsl(205 30% 30%);
 	--secondary-alt: hsl(205, 15%, 27%);
 	--card-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
@@ -21,7 +21,6 @@
 [data-theme='light'],
 :root:not([data-theme='dark']) {
 	--background-color: hsl(202 18% 93%);
-	--muted-color: hsl(205 30% 85%);
 	--code-color: hsl(205 30% 30%);
 }
 
@@ -44,10 +43,18 @@ a,
 	--color: hsl(240, 85%, 54%);
 }
 
+form {
+	margin: 0;
+}
+
 button {
 	touch-action: manipulation;
 }
 
+hr {
+	border-top: 1px solid var(--form-element-border-color);
+}
+
 ul > li {
 	list-style: disc;
 }
diff --git a/src/lib/components/filter-tags.svelte b/src/lib/components/filter-tags.svelte
index b89fe86..7fac921 100644
--- a/src/lib/components/filter-tags.svelte
+++ b/src/lib/components/filter-tags.svelte
@@ -67,7 +67,7 @@
 		}
 
 		&__matched-notes {
-			color: var(--muted-color);
+			color: var(--neutral-color);
 		}
 	}
 </style>