Index: lams_central/conf/scss/_lams_variables.scss =================================================================== diff -u -ra96a18b91668c6929514688afef51ce388a3f04a -r5dd9cf1ff406477627b4e57890962de3d99f1696 --- lams_central/conf/scss/_lams_variables.scss (.../_lams_variables.scss) (revision a96a18b91668c6929514688afef51ce388a3f04a) +++ lams_central/conf/scss/_lams_variables.scss (.../_lams_variables.scss) (revision 5dd9cf1ff406477627b4e57890962de3d99f1696) @@ -41,6 +41,9 @@ $border-thin-danger: thin solid $brand-danger; $border-medium-danger: 3px solid $brand-danger; +// border for learner .instruction and .activity-bottom-buttons { +$border-thin-grey: 0.1rem solid #f2f2f2; + // learner page box shadow $panel-box-shadow: 0 1px 1px rgba(8, 8, 8, 0.88); Index: lams_central/web/css/components.scss =================================================================== diff -u -rcd85873cc4af144f711fc35b12d0821e55d34e25 -r5dd9cf1ff406477627b4e57890962de3d99f1696 --- lams_central/web/css/components.scss (.../components.scss) (revision cd85873cc4af144f711fc35b12d0821e55d34e25) +++ lams_central/web/css/components.scss (.../components.scss) (revision 5dd9cf1ff406477627b4e57890962de3d99f1696) @@ -14,8 +14,7 @@ margin-bottom: 1.5rem; padding-bottom: 0.5rem; padding-top: 1rem; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); - box-shadow: 0 1px 1px rgba(0,0,0,.05); + border-bottom: $border-thin-grey; } /* For Boostrap 3 & 5 compability */ Index: lams_learning/web/css/components-learner.scss =================================================================== diff -u -r549a2cf54abb35d6ce51e2c1b1d943e4fbd4346a -r5dd9cf1ff406477627b4e57890962de3d99f1696 --- lams_learning/web/css/components-learner.scss (.../components-learner.scss) (revision 549a2cf54abb35d6ce51e2c1b1d943e4fbd4346a) +++ lams_learning/web/css/components-learner.scss (.../components-learner.scss) (revision 5dd9cf1ff406477627b4e57890962de3d99f1696) @@ -170,7 +170,7 @@ .component-page-wrapper .activity-bottom-buttons { margin-top: 1rem; padding-top: 1rem; - border-top: .1rem solid rgb(220 220 220); + border-top: $border-thin-grey; display: flex; flex-direction: row-reverse; clear: both;