fix: keep progress dots always in center

(cherry picked from commit 1b230b75e3)

frappe/public/js/frappe/web_form/web_form.js

@@ -70,7 +70,7 @@ export default class WebForm extends frappe.ui.FieldGroup {
 		if (this.page_breaks.length) return;
 
 		this.page_breaks = $(`.page-break`);
-		this.is_multi_step_form = true;
+		this.is_multi_step_form = !!this.page_breaks.length;
 	}
 
 	setup_previous_next_button() {

frappe/public/scss/website/web_form.scss

@@ -140,14 +140,18 @@
 						font-size: var(--text-base);
 					}
 
+					.left-area {
+						display: flex;
+						flex: 1;
+					}
+
 					.center-area {
-						padding: 0.5rem;
 						display: flex;
 						align-items: center;
+						font-size: var(--text-base);
 
 						.slides-progress {
 							display: flex;
-							margin-right: .5rem;
 
 							.slide-step {
 								@include flex(flex, center, center, null);
@@ -204,6 +208,12 @@
 							}
 						}
 					}
+
+					.right-area {
+						display: flex;
+						justify-content: flex-end;
+						flex: 1;
+					}
 				}
 			}
 		}