2024 Theme: Further improvements to lesson action buttons layout

Use a flex layout to fix issues with inconsistent styles loading
WordPress · Jul 26, 2024 · 8c8bbee · 8c8bbee
1 parent 6610a0d
commit 8c8bbee
Showing 1 changed file with 7 additions and 0 deletions.
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
@@ -70,7 +70,14 @@ body.sensei {
 
 	&.single-lesson {
 		.sensei-lesson-footer .sensei-buttons-container {
+			margin: unset;
 			display: flex;
+			gap: var(--wp--preset--spacing--10);
+
+			> *,
+			.sensei-buttons-container__button-block {
+				padding: unset;
+			}
 		}
 
 		// Hide the Lesson title breadcrumb as it's already displayed in the h1, and the leading slash.