fix: remove compose body top padding

Author: magdielcardoso

web/src/components/applications/ApplicationWizard.vue

@@ -32,7 +32,7 @@ const emit = defineEmits<{
     <div class="application-wizard-nav">
       <WizardStepper :step="step" />
     </div>
-    <section class="application-wizard-body">
+    <section class="application-wizard-body" :class="{ 'application-wizard-body--compose': step === 3 && sourceType === 'compose' }">
       <slot />
     </section>
     <footer class="application-wizard-foot">

web/src/style.css

@@ -470,6 +470,7 @@ h2 {
 .application-wizard-nav { min-height: 68px; padding-top: 14px; padding-bottom: 12px; }
 .application-wizard-nav .wizard-stepper { margin: 0; border-bottom: 0; }
 .application-wizard-body { flex: 1; min-height: 0; overflow: hidden; padding: 24px 32px; }
+.application-wizard-body--compose { padding-top: 0; }
 .wizard-step-content { width: 100%; height: 100%; min-height: 0; overflow: auto; max-width: 1280px; margin: 0 auto; }
 .wizard-step-content--compose { display: flex; flex-direction: column; overflow: hidden; max-width: none; }
 .application-wizard-foot { display: flex; align-items: center; justify-content: space-between; border-top: 0; border-bottom: 0; }