Merge branch '267505-mobile-empty-screen-svg-overlap' into 'master'

Class and markup cleanup to prevent SVG header bar overlap

See merge request gitlab-org/gitlab!45334

app/assets/javascripts/static_site_editor/pages/success.vue

@@ -61,26 +61,26 @@ export default {
 };
 </script>
 <template>
-  <div class="container gl-flex-grow-1 gl-display-flex gl-flex-direction-column">
-    <div
-      v-if="savedContentMeta"
-      class="gl-fixed gl-left-0 gl-right-0 gl-border-b-solid gl-border-b-1 gl-border-b-gray-100"
-    >
+  <div>
+    <div class="gl-border-b-solid gl-border-b-1 gl-border-b-gray-100">
       <div class="container gl-py-4">
+        <div class="gl-display-flex">
           <gl-button
             v-if="appData.returnUrl"
             ref="returnToSiteButton"
-          class="gl-mr-5"
+            class="gl-mr-5 gl-align-self-start"
             :href="appData.returnUrl"
             >{{ $options.returnToSiteBtnText }}</gl-button
           >
-        <strong>
+          <strong class="gl-mt-2">
             {{ updatedFileDescription }}
           </strong>
         </div>
       </div>
+    </div>
+    <div class="container">
       <gl-empty-state
-      class="gl-my-9"
+        class="gl-my-7"
         :title="savedContentMeta ? $options.title : $options.submittingTitle"
         :primary-button-text="savedContentMeta && $options.primaryButtonText"
         :primary-button-link="savedContentMeta && savedContentMeta.mergeRequest.url"
@@ -102,4 +102,5 @@ export default {
         </template>
       </gl-empty-state>
     </div>
+  </div>
 </template>

changelogs/unreleased/267505-mobile-empty-screen-svg-overlap.yml

+---
+title: Class and markup cleanup to prevent SVG header bar overlap in Static Site Editor
+merge_request: 45334
+author:
+type: fixed