From 3440741c82bde1532936f5956dbd4f1359bc3076 Mon Sep 17 00:00:00 2001
From: Eric Amodio <eamodio@gmail.com>
Date: Mon, 5 Jun 2023 23:05:39 -0400
Subject: [PATCH] Fixes font sizing issues

---
 src/webviews/apps/plus/focus/focus.scss             | 5 +++--
 src/webviews/apps/plus/timeline/timeline.scss       | 8 ++++++--
 src/webviews/apps/shared/components/feature-gate.ts | 1 -
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/webviews/apps/plus/focus/focus.scss b/src/webviews/apps/plus/focus/focus.scss
index c70330f..b62f869 100644
--- a/src/webviews/apps/plus/focus/focus.scss
+++ b/src/webviews/apps/plus/focus/focus.scss
@@ -220,6 +220,7 @@ h3 {
 
 		h2 {
 			margin: 0;
+			font-size: 1.5rem;
 		}
 	}
 
@@ -264,8 +265,8 @@ h3 {
 	&__header {
 		background-color: var(--background-05);
 		display: grid;
-		align-items: baseline;
-		padding: 0rem 2rem;
+		align-items: center;
+		padding: 0.2rem 2rem;
 		margin-left: -2rem;
 		margin-right: -2rem;
 		grid-template-columns: 1fr min-content min-content;
diff --git a/src/webviews/apps/plus/timeline/timeline.scss b/src/webviews/apps/plus/timeline/timeline.scss
index 63c7cdc..05fd0ba 100644
--- a/src/webviews/apps/plus/timeline/timeline.scss
+++ b/src/webviews/apps/plus/timeline/timeline.scss
@@ -20,15 +20,18 @@
 	--popover-bg: var(--color-background--darken-15);
 }
 
-html {
+:root {
+	font-size: 62.5%;
+	font-family: var(--font-family);
+	box-sizing: border-box;
 	height: 100%;
 }
 
 body {
 	color: var(--color-view-foreground);
 	font-family: var(--font-family);
+	font-size: var(--font-size);
 	height: 100%;
-	line-height: 1.4;
 	overflow: hidden;
 	margin: 0;
 	padding: 0;
@@ -87,6 +90,7 @@ h4 {
 		grid-template-columns: minmax(0, min-content) minmax(0, min-content) minmax(0, 1fr);
 		gap: 0.5rem;
 		align-items: baseline;
+		font-size: 1rem;
 
 		h2 {
 			margin: 0;
diff --git a/src/webviews/apps/shared/components/feature-gate.ts b/src/webviews/apps/shared/components/feature-gate.ts
index 7bf3174..187a38b 100644
--- a/src/webviews/apps/shared/components/feature-gate.ts
+++ b/src/webviews/apps/shared/components/feature-gate.ts
@@ -17,7 +17,6 @@ export class FeatureGate extends LitElement {
 			left: 0;
 			bottom: 0;
 			right: 0;
-			font-size: 1.3rem;
 			overflow: auto;
 			z-index: 100;