From 54519dbf4e8697d55b2bf9fdffa6cc8621a349e3 Mon Sep 17 00:00:00 2001
From: Vaidehi Joshi <vaidehi.sj@gmail.com>
Date: Mon, 27 Apr 2020 12:38:48 -0700
Subject: [PATCH] Minor tweaks to onboarding UI (#7546) [deploy]

* Use accent-color in onboarding progress stepper

This looks much prettier with the default DEV theme when viewing onboarding.
Closes https://github.com/thepracticaldev/dev.to/issues/7545.

* Align onboarding checkboxes in their parent element

Use `display: flex`.
Closes https://github.com/thepracticaldev/dev.to/issues/7544.
---
 app/assets/stylesheets/preact/onboarding-modal.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/preact/onboarding-modal.scss b/app/assets/stylesheets/preact/onboarding-modal.scss
index 00e538484..682c4ec24 100644
--- a/app/assets/stylesheets/preact/onboarding-modal.scss
+++ b/app/assets/stylesheets/preact/onboarding-modal.scss
@@ -174,7 +174,7 @@
     }
 
     .active {
-      background-color: var(--base-90);
+      background-color: var(--accent-brand);
     }
   }
 }
@@ -663,7 +663,7 @@ $onboarding-user-selected-hover: rgba(71, 85, 235, 0.2);
       @extend .crayons-field__label;
       align-items: baseline;
       border-radius: $br-default;
-      display: inline-block;
+      display: flex;
       flex-direction: row;
       padding: 0 $su-1;
       width: 100%;