diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss index 68ca6ec7c..a4e409531 100644 --- a/src/sass/views/onboarding/onboard-disclaimer.scss +++ b/src/sass/views/onboarding/onboard-disclaimer.scss @@ -49,24 +49,23 @@ color: #fff; text-align: left; .checkbox input:before, + .checkbox .checkbox-icon:before, + .checkbox input:after, + .checkbox-icon:after, + .checkbox input:checked:after, + input:checked + .checkbox-icon:after{ + border:none; + } + .checkbox input:before, .checkbox .checkbox-icon:before { - border-radius: 50% !important; - background: none; - border-width: 2px; - padding: .9rem; + padding: 1.1rem; position: relative; - left: -7px; - top: -8px; + background:url("../img/onboarding-checkbox-unchecked.svg") top center no-repeat; } .checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before { - border-color: rgb(19, 229, 182); - } - .checkbox input:checked:after, - input:checked + .checkbox-icon:after { - border-color: rgb(19, 229, 182); - top: 4px; - left: 3px; + border:none; + background:url("../img/onboarding-checkbox-checked.svg") top center no-repeat; } .item-content { width: 90%; @@ -76,7 +75,8 @@ } .item-checkbox .checkbox { margin-left: 3%; - top:44%; + top:30%; + left:0; } #agree-to-terms { background: #fff; diff --git a/www/img/onboarding-checkbox-checked.svg b/www/img/onboarding-checkbox-checked.svg new file mode 100644 index 000000000..bf54b2aab --- /dev/null +++ b/www/img/onboarding-checkbox-checked.svg @@ -0,0 +1,8 @@ + + Created with Sketch. + + + + + + diff --git a/www/img/onboarding-checkbox-unchecked.svg b/www/img/onboarding-checkbox-unchecked.svg new file mode 100644 index 000000000..48c3adfae --- /dev/null +++ b/www/img/onboarding-checkbox-unchecked.svg @@ -0,0 +1,7 @@ + + + + Created with Sketch. + + +