#onboarding-disclaimer { color: #fff; height: 100%; ion-content{ height: 100%; .scroll{ height: 100%; } h3{ margin-top:1.5rem; } } .item { background: transparent; border: none; color: #fff; .checkbox input:before, .checkbox .checkbox-icon:before { border-radius: 50% !important; background: none; border-width: 2px; padding: .9rem; position: relative; left: -7px; top: -8px; } .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:20%; left:11%; @media (min-width:450px){ &{ left: 20%; } } } .item-content { width: 90%; margin-left: 6%; } } .item-checkbox .checkbox { margin-left: 3%; top:44%; } #agree-to-terms{ background: #fff; padding:1rem; position: absolute; bottom: 0; width: 100%; .item{ color:rgb(58,58,58); padding-bottom: 2.5rem; float: left; .item-content{ white-space: normal; } } p{ color:rgb(58,58,58); } @media (min-width:450px){ p{ position: relative; top: .6rem; } } .checkbox input:before, .checkbox .checkbox-icon:before{ border-color:$soft-blue; } .checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before { border-color: rgb(19, 229, 182); } button{ margin-top:1.5rem; position: relative; } } } @media (max-height:460px){ #onboarding-disclaimer{ #agree-to-terms{ position: relative; float:left; } } }