From 7da968848a410eb0ba1490c72c48a9a7f4156918 Mon Sep 17 00:00:00 2001
From: Eric Amodio <eamodio@gmail.com>
Date: Mon, 5 Jun 2023 11:33:45 -0400
Subject: [PATCH] Fixes checkbox alignment

---
 src/webviews/apps/welcome/welcome.html |  4 ++--
 src/webviews/apps/welcome/welcome.scss | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/webviews/apps/welcome/welcome.html b/src/webviews/apps/welcome/welcome.html
index a19893e..1b99adc 100644
--- a/src/webviews/apps/welcome/welcome.html
+++ b/src/webviews/apps/welcome/welcome.html
@@ -43,10 +43,10 @@
 			<section class="welcome__section">
 				<h2>Powerful Features</h2>
 				<p>Features with a ✨ sparkle require a trial or subscription for use on privately hosted repos</p>
-				<h3>
+				<h3 class="checkbox-group">
 					<label class="checkbox" for="inline-blame"
 						><input type="checkbox" id="inline-blame" data-feature="blame" checked />Inline Blame</label
-					><span style="vertical-align: middle; margin-left: 0.4rem; margin-right: 0.4rem"> and </span
+					><span>and</span
 					><label class="checkbox" for="codelens"
 						><input type="checkbox" id="codelens" data-feature="codelens" checked />Git CodeLens</label
 					>
diff --git a/src/webviews/apps/welcome/welcome.scss b/src/webviews/apps/welcome/welcome.scss
index 6f96b59..f031d60 100644
--- a/src/webviews/apps/welcome/welcome.scss
+++ b/src/webviews/apps/welcome/welcome.scss
@@ -75,6 +75,18 @@ footer {
 	align-items: center;
 }
 
+.checkbox-group {
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+
+	span {
+		display: inline-block;
+		margin-left: 0.6rem;
+		margin-right: 0.4rem;
+	}
+}
+
 input[type='checkbox'] {
 	position: relative;
 	appearance: none;