diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss index 423a72636..00784ec90 100644 --- a/src/sass/views/onboarding/onboard-disclaimer.scss +++ b/src/sass/views/onboarding/onboard-disclaimer.scss @@ -8,6 +8,9 @@ justify-content: center; margin-left: auto; margin-right: auto; + height: calc(100vh - 160px); + } + .has-header > &-container { height: calc(100vh - 210px); } #disclaimer-topic { @@ -16,9 +19,9 @@ #disclaimer-description { margin: 1rem 1rem 2rem; } - ion-content{ - height: 100%; - &.has-header{ + ion-content { + height: 101%; + &.has-header { top:40px !important; } .scroll{ diff --git a/src/sass/views/onboarding/terms-of-use.scss b/src/sass/views/onboarding/terms-of-use.scss index 3abfe747a..d769dae6a 100644 --- a/src/sass/views/onboarding/terms-of-use.scss +++ b/src/sass/views/onboarding/terms-of-use.scss @@ -1,7 +1,7 @@ #terms-of-use { ion-header-bar { background: #fff; - box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2); + box-shadow: $subtle-box-shadow; .primary-buttons{ .button{ font-size: 2rem; @@ -10,7 +10,7 @@ } ion-content{ padding-top: 1.5rem; - color: rgba(86, 86, 86, 0.77); + color: $dark-gray; p { padding: 0 2.5%; margin: 2rem auto; @@ -54,7 +54,7 @@ width: 10%; position: relative; padding-right: 0; - top: 50px; + top: 25px; .item-content { white-space: normal; } @@ -62,7 +62,7 @@ p { color: rgb(58, 58, 58); float: left; - width: 70%; + width: 80%; } .checkbox input:before, .checkbox .checkbox-icon:before {