S69294438 # Sprint 1 #Update CAreer Profile page design doesnt match with matchd design

frontend/angular/src/app/my-career-web/career-history/career-history/publish/publish.component.html

@@ -35,11 +35,13 @@
 
         <h4 class="tab-heading mt-3">Do you want to make any changes to the profile? </h4>
 
+        <div [ngClass]="{'mc-card' : !asChild}">
+
             <div class="row">
-            <div class="mt-3 col-md-6 d-flex justify-content-center">
+                <div class="col-md-6 d-flex justify-content-center" [ngClass]="{'mt-3' : asChild}">
                     <button class="mc-btn-secondary" pButton label="Change Template" routerLink="/my-career-web/career-history/templates"></button>
                 </div>
-            <div class="mt-3 col-md-6 d-flex justify-content-center">
+                <div class="col-md-6 d-flex justify-content-center" [ngClass]="{'mt-3' : asChild}">
                     <button class="mc-btn-secondary" pButton label="Update Profile Info" routerLink="/my-career-web/career-history/personal-data"></button>
                 </div>
             </div>
@@ -83,5 +85,8 @@
             <div class="d-flex justify-content-center mt-5">
                 <button class="mc-btn-primary" pButton label="Complete" [disabled]="!isComplete" (click)="saveProfile(true)"></button>
             </div>
+
+        </div>
+
     </div>
 </ng-template>