Fix back button spacings

ghostery · wlycdgr · Jan 22, 2021 · Jan 21, 2021 · Jan 21, 2021 · Jan 21, 2021
commit 682e1ae0f97ecc0604bf01d14a6e8bdf230af55b
diff --git a/...wser-hub/Views/OnboardingViews/Step3_ChooseDefaultSearchView/ChooseDefaultSearchView.scss b/...wser-hub/Views/OnboardingViews/Step3_ChooseDefaultSearchView/ChooseDefaultSearchView.scss
@@ -29,9 +29,9 @@
 	position: absolute;
 	display: flex;
 	width: 68px;
-	margin-top: 61px;
-	@include breakpoint(xlarge down) {
-		margin-top: 20px;
+	margin-top: 15px;
+	@include breakpoint(small down) {
+		margin-top: -21px;
 	}
 	.ChooseSearchView__back {
 		margin-top: 8px;

diff --git a/app/ghostery-browser-hub/Views/OnboardingViews/Step4_ChoosePlanView/ChoosePlanView.scss b/app/ghostery-browser-hub/Views/OnboardingViews/Step4_ChoosePlanView/ChoosePlanView.scss
@@ -18,6 +18,8 @@ $medium-large-breakpoint: 1118px; // Break when 3 cards on the screen overflow t
 	padding-bottom: 20px;
 }
 .ChoosePlanView__relativeContainer {
+	width: 724px;
+	margin: auto;
 	position: relative;
 }
 .ChoosePlanView__caret.left {
@@ -33,7 +35,7 @@ $medium-large-breakpoint: 1118px; // Break when 3 cards on the screen overflow t
 	position: absolute;
 	display: flex;
 	width: 68px;
-	margin-top: 10px;
+	margin-top: 7px;
 	.ChoosePlanView__back {
 		margin-top: 8px;
 		font-size: 16px;

diff --git a/app/ghostery-browser-hub/Views/OnboardingViews/Step5_SuccessView/SuccessView.scss b/app/ghostery-browser-hub/Views/OnboardingViews/Step5_SuccessView/SuccessView.scss
@@ -37,6 +37,9 @@
 	display: flex;
 	width: 68px;
 	margin-top: 142px;
+	@include breakpoint(medium down) {
+		margin-top: 100px;
+	}
 	.SuccessView__back {
 		margin-top: 8px;
 		font-size: 16px;