Make publish button CTA and tidy up alignment

packages/builder/src/components/deploy/DeployModal.svelte

@@ -58,7 +58,7 @@
   }
 </script>
 
-<Button secondary on:click={publishModal.show}>Publish</Button>
+<Button cta on:click={publishModal.show}>Publish</Button>
 <Modal bind:this={feedbackModal}>
   <ModalContent
     title="Enjoying Budibase?"
@@ -96,8 +96,7 @@
 </Modal>
 
 <!-- Publish complete -->
-<span class="publish-modal-wrap">
-  <Modal bind:this={publishCompleteModal}>
+<Modal bind:this={publishCompleteModal}>
   <ModalContent
     confirmText="Done"
     cancelText="View App"
@@ -121,8 +120,7 @@
       dataCy="deployed-app-url"
     />
   </ModalContent>
-  </Modal>
-</span>
+</Modal>
 
 <style>
   .app-published-header {

packages/builder/src/components/design/AppPanel/AppPanel.svelte

@@ -35,7 +35,7 @@
     justify-content: flex-start;
     align-items: stretch;
     gap: var(--spacing-m);
-    padding: var(--spacing-l) 24px;
+    padding: var(--spacing-l) var(--spacing-xl);
   }
   .header {
     display: flex;