diff --git a/evap/static/scss/components/_progress.scss b/evap/static/scss/components/_progress.scss index 5f098ad1ef..1a4d6b9cf7 100644 --- a/evap/static/scss/components/_progress.scss +++ b/evap/static/scss/components/_progress.scss @@ -13,6 +13,7 @@ .progress-container .progress-disabled { background-color: $light-gray; + .progress-bartext { text-shadow: none; color: tint-color($medium-gray, 10%); @@ -73,10 +74,28 @@ grid-column-start: 1; grid-row-start: 2; - .seperator { + .separator { width: 1px; height: 8px; border: $dark-gray 1px solid; } } +@include media-breakpoint-up(md) { + .spaced { + display: none; + } +} + +.progress-step:nth-of-type(3n + 1) .spaced { + display: none; +} + +.progress-step:nth-of-type(3n + 2) .spaced { + height: 18px; +} + + +.progress-step:nth-of-type(3n) .spaced { + height: 36px; +} diff --git a/evap/student/templates/student_global_evaluation_progress.html b/evap/student/templates/student_global_evaluation_progress.html index 80aaedd46c..85e2490359 100644 --- a/evap/student/templates/student_global_evaluation_progress.html +++ b/evap/student/templates/student_global_evaluation_progress.html @@ -28,11 +28,12 @@ {% for reward in global_evaluation_progress.rewards_with_progress %}