Fix spacing in editing sessions dialog buttons

client/scss/components/_editing-sessions.scss

@@ -78,3 +78,12 @@
 .w-editing-sessions__list-item {
   @apply w-flex w-items-center w-text-14;
 }
+
+.w-editing-sessions-dialog-buttons {
+  @apply w-mt-8 w-flex w-flex-wrap w-gap-4;
+
+  .button + .button {
+    // Reset default left margin for buttons in a row
+    @apply w-ml-0;
+  }
+}

wagtail/admin/templates/wagtailadmin/shared/editing_sessions/module.html

@@ -1,7 +1,7 @@
 {% load i18n wagtailadmin_tags %}
 
 {% dialog id="w-unsaved-changes-dialog" icon_name="warning" icon_classname="w-text-critical-200" title=_("Refreshing the page means you will lose any unsaved changes") %}
-    <div class="w-mt-8">
+    <div class="w-editing-sessions-dialog-buttons">
         <button class="button" type="button" data-controller="w-action" data-action="w-action#forceReload">{% trans "Refresh page" %}</button>
         <button class="button button-secondary" type="button" data-action="w-dialog#hide">{% trans "Cancel" %}</button>
     </div>
@@ -16,7 +16,7 @@
 {% endblocktranslate %}
 
 {% dialog id="w-overwrite-changes-dialog" dialog_root_selector='[data-edit-form]' icon_name="warning" icon_classname="w-text-critical-200" title=someone_has_saved_message subtitle=overwrite_message %}
-    <div class="w-mt-8">
+    <div class="w-editing-sessions-dialog-buttons">
         <button class="button" type="button" data-w-dialog-target="confirm" data-action="w-dialog#confirm">{% trans "Continue" %}</button>
         <button class="button button-secondary" type="button" data-controller="w-action" data-action="w-action#forceReload">{% trans "Refresh the page" %}</button>
     </div>