Confirmation Parity

src/layouts/confirmation/confirmation.vue

@@ -17,6 +17,9 @@
                                 <img :src="ScheduleConfirmationImage" />
                                 <span v-html="ScheduleConfirmationText"></span>
                             </div>
+
+                            <div class="emailtext" v-html="ConfirmationEmailText"></div>
+
                             <div class="main">
                                 <div></div>
 
@@ -48,6 +51,17 @@
                                     class="duration-text-block" />
                             </div>
 
+                            <div class="mt-3" v-if="shouldDisplayFosterLove">
+                                <donationBlock
+                                    cmsWidgetName="DonationWidget"
+                                    v-model="donationAmount"
+                                    :donationValues="donationValues"
+                                    :showDonationSuccess="showDonationSuccess"
+                                    :showDonationError="showDonationError"
+                                    @DonationAddedEvent="addDonationToOrder"
+                                    ref="donationBlock" />
+                            </div>
+
                             <hr class="mt-4 mb-0" />
 
                             <cart
@@ -69,27 +83,7 @@
                                 :isNoComp="isNoComp"
                                 :isMSRFeeApplicable="isMSRFeeApplicable" />
 
-                            <div class="mt-3" v-if="shouldDisplayFosterLove">
-                                <donationBlock
-                                    cmsWidgetName="DonationWidget"
-                                    v-model="donationAmount"
-                                    :donationValues="donationValues"
-                                    :showDonationSuccess="showDonationSuccess"
-                                    :showDonationError="showDonationError"
-                                    @DonationAddedEvent="addDonationToOrder"
-                                    ref="donationBlock" />
-                            </div>
-
                             <hr class="mb-5" />
-
-                            <div class="emailtext" v-html="ConfirmationEmailText"></div>
-
-                            <navbar
-                                cmsWidgetName="FunnelFooterWidget"
-                                ref="navbar"
-                                isBackButtonHidden="true"
-                                @ForwardClicked="forwardButtonAction"
-                                :buttonSize="true" />
                         </div>
                     </div>
                 </div>
@@ -591,7 +585,6 @@ export default {
     components: {
         funnelHeader,
         Form,
-        navbar,
         addToCalendar,
         cart,
         textBlock,
@@ -627,8 +620,7 @@ export default {
 .header-container {
     display: flex;
     align-items: center;
-    justify-content: center;
+    padding: 1rem 0;
-    padding: 1.5rem 0;
 
     p {
         display: inline-block;
@@ -653,7 +645,7 @@ export default {
 }
 
 .emailtext {
-    padding: 0.5rem 0 0;
+    padding: 0 0 1.5em;
 
     p {
         font-size: 0.875rem;