From 1f8652fd301b514e605f882f1b628d9bad0c7d8c Mon Sep 17 00:00:00 2001
From: Nurguly Ashyrov <nurguly@ashyrov.net>
Date: Tue, 11 Oct 2022 11:17:48 +0400
Subject: [PATCH 1/2] Learning Mode - Fix Quiz buttons aligment.

---
 assets/css/sensei-course-theme/quiz.scss       | 18 +++++++++++++++++-
 .../css/sensei-course-theme/theme-fixes.scss   |  4 +++-
 themes/sensei-course-theme/templates/quiz.html |  4 ++--
 3 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/assets/css/sensei-course-theme/quiz.scss b/assets/css/sensei-course-theme/quiz.scss
index e056d2965a..0446600a83 100644
--- a/assets/css/sensei-course-theme/quiz.scss
+++ b/assets/css/sensei-course-theme/quiz.scss
@@ -57,13 +57,23 @@ $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;
+		}
+
 		.sensei-quiz-actions {
 			width: 100%;
 			flex-direction: column;
@@ -80,6 +90,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 @@
 
 <!-- wp:group {"className":"sensei-course-theme__quiz__footer_wrapper sensei-course-theme__frame"} -->
 <div class="wp-block-group sensei-course-theme__quiz__footer__wrapper sensei-course-theme__frame">
-	<!-- wp:group {"className":"sensei-course-theme__quiz__footer"} -->
-	<div class="wp-block-group sensei-course-theme__quiz__footer">
+	<!-- wp:group {"className":"sensei-course-theme__quiz__footer alignwide"} -->
+	<div class="wp-block-group sensei-course-theme__quiz__footer alignwide">
 		<!-- wp:sensei-lms/quiz-actions /-->
 	</div>
 	<!-- /wp:group -->

From 8e4f8d62bd25399a0402b3104ce3355ec8b75c68 Mon Sep 17 00:00:00 2001
From: Nurguly Ashyrov <nurguly@ashyrov.net>
Date: Tue, 11 Oct 2022 12:04:47 +0400
Subject: [PATCH 2/2] Learning Mode - Fix Quiz pagination aligment.

---
 assets/css/sensei-course-theme/quiz.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/assets/css/sensei-course-theme/quiz.scss b/assets/css/sensei-course-theme/quiz.scss
index 0446600a83..f3762631f8 100644
--- a/assets/css/sensei-course-theme/quiz.scss
+++ b/assets/css/sensei-course-theme/quiz.scss
@@ -72,6 +72,7 @@ $tablet-breakpoint: 768px;
 
 		.wp-block-group__inner-container {
 			margin: unset;
+			width: 100%;
 		}
 
 		.sensei-quiz-actions {
@@ -83,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;
 			}