2024 Theme: Fix layout of lesson actions

Stops buttons from stacking on large screens
WordPress · Jul 26, 2024 · 6610a0d · 6610a0d
1 parent 1bc8697
commit 6610a0d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-columns.php b/wp-content/themes/pub/wporg-learn-2024/patterns/sensei-lesson-columns.php
@@ -33,7 +33,7 @@
 		<div class="wp-block-group" style="margin-top:40px">
 			<!-- wp:sensei-lms/page-actions {"style":{"spacing":{"blockGap":"43px"}}} /-->
 
-			<!-- wp:group {"style":{"spacing":{"margin":{"top":"20px"}}},"className":"sensei-lesson-footer","layout":{"type":"flex","flexWrap":"nowrap"}} -->
+			<!-- wp:group {"style":{"spacing":{"margin":{"top":"20px"}}},"className":"sensei-lesson-footer"} -->
 			<div class="wp-block-group sensei-lesson-footer" style="margin-top:20px">
 
 				<!-- wp:pattern {"slug":"wporg-learn-2024/sensei-lesson-actions"} /-->

diff --git a/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss b/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss
@@ -69,6 +69,9 @@ body.sensei {
 	}
 
 	&.single-lesson {
+		.sensei-lesson-footer .sensei-buttons-container {
+			display: flex;
+		}
 
 		// Hide the Lesson title breadcrumb as it's already displayed in the h1, and the leading slash.
 		@media screen and (max-width: 1024px) {