Align BlockSettingsView checkbox per vinny, add click handler to chec…

…kbox label
ghostery · wlycdgr · Jan 22, 2021 · Jan 22, 2021 · Jan 22, 2021 · Jan 22, 2021
commit 7beccd5ede703b07aa975f2fc79a9b9048866118
diff --git a/app/ghostery-browser-hub/Views/OnboardingViews/Step2_BlockSettingsView/BlockSettingsView.jsx b/app/ghostery-browser-hub/Views/OnboardingViews/Step2_BlockSettingsView/BlockSettingsView.jsx
@@ -137,7 +137,7 @@ class BlockSettingsView extends Component {
 								checked={recommendedChoices}
 								onChange={() => this.toggleRecommendedChoices(!recommendedChoices)}
 							/>
-							<div>{t('ghostery_dawn_onboarding_recommended_choices')}</div>
+							<div className="BlockSettingsView_checkboxLabel" onClick={() => this.toggleRecommendedChoices(!recommendedChoices)}>{t('ghostery_dawn_onboarding_recommended_choices')}</div>
 						</div>
 						<ol>
 							<li className="BlockSettingsView_question">{t('ghostery_dawn_onboarding_question_block_ads')}</li>

diff --git a/...ghostery-browser-hub/Views/OnboardingViews/Step2_BlockSettingsView/BlockSettingsView.scss b/...ghostery-browser-hub/Views/OnboardingViews/Step2_BlockSettingsView/BlockSettingsView.scss
@@ -128,7 +128,11 @@
 	width: 20px;
 	height: 20px;
 	padding: 0;
-	margin-right: 14px;
+	margin-left: -14px;
+}
+
+.BlockSettingsView_checkboxLabel {
+	cursor: pointer;
 }
 
 .BlockSettingsView__infoIcon {