From 6610a0da392ca1bd3f02c8fe0bf02387453e5ad1 Mon Sep 17 00:00:00 2001
From: Adam Wood <1017872+adamwoodnz@users.noreply.github.com>
Date: Fri, 26 Jul 2024 15:50:01 +1200
Subject: [PATCH] 2024 Theme: Fix layout of lesson actions

Stops buttons from stacking on large screens
---
 .../pub/wporg-learn-2024/patterns/sensei-lesson-columns.php    | 2 +-
 wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss  | 3 +++
 2 files changed, 4 insertions(+), 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
index d1963d829..2bae0ff70 100644
--- 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
index 6d80b00bb..d7508d35b 100644
--- 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) {