From 2db05264cb0cab6b3563f0c13b4e26b38afe4e13 Mon Sep 17 00:00:00 2001
From: Filip Ilic <ilic.filip@gmail.com>
Date: Tue, 28 Oct 2025 11:12:01 +0100
Subject: [PATCH] better align the submit button

---
 assets/css/page-widgets/suggested-tasks.css                | 4 ++++
 .../suggested-tasks/providers/class-disable-comments.php   | 4 ++--
 classes/suggested-tasks/providers/class-select-locale.php  | 2 +-
 .../suggested-tasks/providers/class-select-timezone.php    | 2 +-
 .../suggested-tasks/providers/class-set-date-format.php    | 2 +-
 classes/suggested-tasks/providers/class-site-icon.php      | 2 +-
 .../suggested-tasks/providers/class-tasks-interactive.php  | 7 +++++--
 7 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/assets/css/page-widgets/suggested-tasks.css b/assets/css/page-widgets/suggested-tasks.css
index 62a94dc27..4f83b716c 100644
--- a/assets/css/page-widgets/suggested-tasks.css
+++ b/assets/css/page-widgets/suggested-tasks.css
@@ -453,6 +453,10 @@
 			/* If there are no other elements in the form, align the button to the left. */
 			&:only-child {
 				padding-top: 0;
+			}
+
+			&:only-child,
+			&.prpl-steps-nav-wrapper-align-left {
 				justify-content: flex-start;
 
 				/* Display the spinner after the button. */
diff --git a/classes/suggested-tasks/providers/class-disable-comments.php b/classes/suggested-tasks/providers/class-disable-comments.php
index d9fdf364a..6631fc3c8 100644
--- a/classes/suggested-tasks/providers/class-disable-comments.php
+++ b/classes/suggested-tasks/providers/class-disable-comments.php
@@ -144,8 +144,8 @@ public function print_popover_instructions() {
 	 */
 	public function print_popover_form_contents() {
 		?>
-		<div class="prpl-steps-nav-wrapper" style="justify-content: flex-start;margin-bottom: 1.25rem;">
-			<button type="submit" class="prpl-button prpl-button-primary" style="order:-2;">
+		<div class="prpl-steps-nav-wrapper prpl-steps-nav-wrapper-align-left" style="justify-content: flex-start;margin-bottom: 1.25rem;">
+			<button type="submit" class="prpl-button prpl-button-primary">
 				<?php \esc_html_e( 'Disable new comments', 'progress-planner' ); ?>
 			</button>
 		</div>
diff --git a/classes/suggested-tasks/providers/class-select-locale.php b/classes/suggested-tasks/providers/class-select-locale.php
index 5433671cb..88ac6bfcd 100644
--- a/classes/suggested-tasks/providers/class-select-locale.php
+++ b/classes/suggested-tasks/providers/class-select-locale.php
@@ -226,7 +226,7 @@ public function print_popover_form_contents() {
 			]
 		);
 
-		$this->print_submit_button( \__( 'Select locale', 'progress-planner' ) );
+		$this->print_submit_button( \__( 'Select locale', 'progress-planner' ), 'prpl-steps-nav-wrapper-align-left' );
 	}
 
 	/**
diff --git a/classes/suggested-tasks/providers/class-select-timezone.php b/classes/suggested-tasks/providers/class-select-timezone.php
index 702010cc0..3eb54c8bf 100644
--- a/classes/suggested-tasks/providers/class-select-timezone.php
+++ b/classes/suggested-tasks/providers/class-select-timezone.php
@@ -144,7 +144,7 @@ public function print_popover_form_contents() {
 			</select>
 		</label>
 		<?php
-		$this->print_submit_button( \__( 'Set site timezone', 'progress-planner' ) );
+		$this->print_submit_button( \__( 'Set site timezone', 'progress-planner' ), 'prpl-steps-nav-wrapper-align-left' );
 	}
 
 	/**
diff --git a/classes/suggested-tasks/providers/class-set-date-format.php b/classes/suggested-tasks/providers/class-set-date-format.php
index fdd1f7128..909881ef7 100644
--- a/classes/suggested-tasks/providers/class-set-date-format.php
+++ b/classes/suggested-tasks/providers/class-set-date-format.php
@@ -243,7 +243,7 @@ public function print_popover_form_contents() {
 			</fieldset>
 		</div>
 		<?php
-		$this->print_submit_button( \__( 'Set date format', 'progress-planner' ) );
+		$this->print_submit_button( \__( 'Set date format', 'progress-planner' ), 'prpl-steps-nav-wrapper-align-left' );
 	}
 
 	/**
diff --git a/classes/suggested-tasks/providers/class-site-icon.php b/classes/suggested-tasks/providers/class-site-icon.php
index 435a04f30..7bf34c85f 100644
--- a/classes/suggested-tasks/providers/class-site-icon.php
+++ b/classes/suggested-tasks/providers/class-site-icon.php
@@ -120,7 +120,7 @@ public function print_popover_form_contents() {
 			<?php \esc_html_e( 'Choose or Upload Image', 'progress-planner' ); ?>
 		</button>
 		<input type="hidden" name="site_icon" id="prpl-site-icon-id" value="<?php echo \esc_attr( $site_icon_id ); ?>">
-		<div class="prpl-steps-nav-wrapper">
+		<div class="prpl-steps-nav-wrapper prpl-steps-nav-wrapper-align-left">
 			<button type="submit" class="prpl-button prpl-button-primary" id="prpl-set-site-icon-button" <?php echo $site_icon_id ? '' : 'disabled'; ?>>
 				<?php \esc_html_e( 'Set site icon', 'progress-planner' ); ?>
 			</button>
diff --git a/classes/suggested-tasks/providers/class-tasks-interactive.php b/classes/suggested-tasks/providers/class-tasks-interactive.php
index 97f721201..9e3c3a54f 100644
--- a/classes/suggested-tasks/providers/class-tasks-interactive.php
+++ b/classes/suggested-tasks/providers/class-tasks-interactive.php
@@ -211,15 +211,18 @@ public function print_popover_instructions() {
 	 *
 	 * @param string $button_text The text for the button.
 	 *                           If empty, the default text "Submit" will be used.
+	 * @param string $css_class The CSS class for the wrapper.
 	 *
 	 * @return void
 	 */
-	protected function print_submit_button( $button_text = '' ) {
+	protected function print_submit_button( $button_text = '', $css_class = '' ) {
 		if ( empty( $button_text ) ) {
 			$button_text = \__( 'Submit', 'progress-planner' );
 		}
+
+		$css_class = empty( $css_class ) ? 'prpl-steps-nav-wrapper' : 'prpl-steps-nav-wrapper ' . $css_class;
 		?>
-		<div class="prpl-steps-nav-wrapper">
+		<div class="<?php echo \esc_attr( $css_class ); ?>">
 			<button type="submit" class="prpl-button prpl-button-primary">
 				<?php echo \esc_html( $button_text ); ?>
 			</button>