diff --git a/assets/css/sensei-course-theme/quiz.scss b/assets/css/sensei-course-theme/quiz.scss index e056d2965a..f3762631f8 100644 --- a/assets/css/sensei-course-theme/quiz.scss +++ b/assets/css/sensei-course-theme/quiz.scss @@ -57,13 +57,24 @@ $tablet-breakpoint: 768px; } &__footer { - padding: 24px; + display: flex; + flex-direction: row; + justify-content: flex-end; + align-items: center; + max-width: var(--content-size); + margin: 0 auto; + padding: 24px 0; &__wrapper { margin: 0 !important; display: block; } + .wp-block-group__inner-container { + margin: unset; + width: 100%; + } + .sensei-quiz-actions { width: 100%; flex-direction: column; @@ -73,6 +84,10 @@ $tablet-breakpoint: 768px; .sensei-quiz-pagination { flex: 1; margin: 0; + &__list { + margin-right: auto; + } + .sensei-quiz-pagination__list ul.page-numbers{ gap: 1rem; } @@ -80,6 +95,12 @@ $tablet-breakpoint: 768px; } } +[class*="__inner-container"] { + .sensei-course-theme__quiz__footer { + max-width: var(--content-size); + } +} + @media only screen and (min-width: $tablet-breakpoint ) { .sensei-course-theme__quiz { &__footer { diff --git a/assets/css/sensei-course-theme/theme-fixes.scss b/assets/css/sensei-course-theme/theme-fixes.scss index a525d89543..ba16f422a5 100644 --- a/assets/css/sensei-course-theme/theme-fixes.scss +++ b/assets/css/sensei-course-theme/theme-fixes.scss @@ -27,7 +27,9 @@ // Twenty twenty .wp-block-group.wp-block-group.wp-block-group.wp-block-group { - margin: unset; + &:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright):not(.is-style-wide) { + margin: unset; + } } .is-content-justification-space-between > * { diff --git a/themes/sensei-course-theme/templates/quiz.html b/themes/sensei-course-theme/templates/quiz.html index ead4cd61af..18181374a4 100644 --- a/themes/sensei-course-theme/templates/quiz.html +++ b/themes/sensei-course-theme/templates/quiz.html @@ -23,8 +23,8 @@