Increase line height slightly

For better readability.
caleb531 · Dec 18, 2023 · 0f53c1e · 0f53c1e
1 parent 9514f41
commit 0f53c1e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/styles/_app.scss b/src/styles/_app.scss
@@ -7,6 +7,7 @@ body {
 	background-color: var(--color-app-background);
 	font-family: var(--font-family-primary);
 	text-align: left;
+	line-height: var(--line-height-app-text);
 	color: var(--color-app-text);
 }
 .app {

diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss
@@ -13,6 +13,7 @@
 	--font-size-l: calc(1rem * 20 / 16);
 	--font-size-xl: calc(1rem * 24 / 16);
 	--font-size-xxl: calc(1rem * 32 / 16);
+	--line-height-normal: 1.3;
 
 	// Semantic variables
 	--font-family-primary: var(--font-family-sans-serif);
@@ -24,4 +25,5 @@
 	--font-size-password-input: var(--font-size-xl);
 	--font-size-reveal-passwords: var(--font-size-xs);
 	--font-size-match-status: var(--font-size-xl);
+	--line-height-app-text: var(--line-height-normal);
 }
diff --git a/src/styles/_form.scss b/src/styles/_form.scss
@@ -9,7 +9,7 @@ form {
 	flex-direction: column;
 	justify-content: center;
 	align-items: flex-start;
-	margin-top: 10px;
+	margin-top: 5px;
 	font-size: inherit;
 }