Fixes checkbox alignment

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
 					>

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;