- 68904327 # Sprint 1 #Answers are not centered

-	S68904327 # Sprint 1 #Answers are not centered

frontend/angular/src/app/my-career-web/assessment/work-preference/work-preference.component.html

@@ -44,7 +44,7 @@
                 <ng-container *ngIf="!isBack">
                     <hr class="mt-5">
 
-                    <div class="d-flex justify-content-center mt-5">
+                    <div class="d-flex justify-content-center mt-4">
                         <button class="ui-button-info mc-btn-primary" [disabled]="isLoading" (click)="initiateWorkPreference(true)" *ngIf="workPreferenceQuestion.QuestionNo > 1" pButton label="Go Back"></button>
                     </div>
                 </ng-container>

frontend/angular/src/app/my-career-web/assessment/work-style/work-style.component.html

@@ -61,7 +61,7 @@
                 <ng-container *ngIf="!isBack">
                     <hr class="mt-5">
 
-                    <div class="d-flex justify-content-center mt-5">
+                    <div class="d-flex justify-content-center mt-4">
                         <button class="ui-button-info mc-btn-primary" (click)="initiateWorkStyle(true)" *ngIf="workStyleQuestion.QuestionNo > 1" pButton label="Go Back"></button>
                     </div>
                 </ng-container>

frontend/angular/src/app/my-career-web/assessment/work-style/work-style.component.scss

@@ -123,6 +123,8 @@
                         color: $darkColor;
                         font-family: $bodyFont;
                         font-size: 18px;
+                        width: 250px;
+                        max-width: 250px;
                     }
 
                     .extreme-label-left {
@@ -131,11 +133,14 @@
 
                     .extreme-label-right {
                         margin-left: 10px;
+                        text-align: right;
                     }
 
                     .answer-options {
                         display: flex;
                         align-items: center;
+                        justify-content: center;
+                        flex: 1;
 
                         .option-value {
                             width: 40px;