diff --git a/app/assets/v2/css/onboard.css b/app/assets/v2/css/onboard.css index 598d4a7a11c..2d0c718a763 100644 --- a/app/assets/v2/css/onboard.css +++ b/app/assets/v2/css/onboard.css @@ -1,6 +1,6 @@ body { - background-color: #FFFFFF; - font-family: 'Muli', sans-serif; + background-color: #fff; + font-family: Muli, sans-serif; } h2, h3 { @@ -28,6 +28,9 @@ h3 { margin-top: 1em; padding: 30px 10px 0; border-radius: 2px; + max-width: 44rem; + margin-left: auto; + margin-right: auto; } .show { @@ -65,8 +68,9 @@ h3 { #onboarding .controls { float: right; - margin-right: 15px; + margin-right: 4rem; overflow: auto; + position: relative; } .step i { @@ -169,6 +173,7 @@ h3 { border-radius: 50%; width: 50px; height: 50px; + border: 0.1rem solid #1AB56D; } .fa-check-circle { @@ -374,8 +379,38 @@ h3 { text-align: center; } - #step-3 div.pl-0 { + #skills div.pl-0 { padding-left: 15px !important; padding-right: 15px !important; } + + #skills { + margin-left: 0; + margin-right: 0; + } +} + +@media (min-width: 1200px) { + h3 { + font-size: 1rem; + } + + .step .label { + font-size: 0.8rem; + } + + .step a { + font-size: 0.9rem; + } + + #onboarding .controls p { + font-size: 0.8rem; + } +} + +@media (min-width: 1400px) { + .suggested-tag .text, + .step .filter-tag { + font-size: 0.8rem; + } } \ No newline at end of file diff --git a/app/dashboard/templates/ftux/onboard.html b/app/dashboard/templates/ftux/onboard.html index 0e7374d70e1..45a5fb09260 100644 --- a/app/dashboard/templates/ftux/onboard.html +++ b/app/dashboard/templates/ftux/onboard.html @@ -29,7 +29,7 @@ {% include 'shared/nav.html' %}
-
+
{% for step in steps %}