career history changes

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

@@ -54,8 +54,8 @@ export class CareerHistoryComponent extends BaseComponent implements OnInit {
         this.personalDetailsService.getCareerProfile()
             .pipe(takeUntil(this.componentInView))
             .subscribe(response => {
-                this.careerProfile = response;
                 this.isLoading = false;
+                this.careerProfile = response;
             }, err => {
                 this.isLoading = false;
                 this.utilsService.handleError(err);

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

@@ -23,7 +23,7 @@
                         <div class="col-md-6 form-group">
                             <label>Referee Name</label>
                             <app-form-control>
-                                <input type="text" class="form-control" placeholder="Referee Name" name="RefereeName{{i}}" [(ngModel)]="referee.RefereeName">
+                                <input type="text" class="form-control" placeholder="Referee Name" required name="RefereeName{{i}}" [(ngModel)]="referee.RefereeName">
                             </app-form-control>
                         </div>
                     </div>

frontend/angular/src/styles/my-career-styles/primeng/_select-button.scss

@@ -22,3 +22,17 @@
         }
     }
 }
+
+
+@media screen and (max-width: 640px) {
+
+    .ui-selectbutton {
+        display: block;
+        border-radius: 0 !important;
+
+        .ui-button {
+            border: 0;
+            border-radius: 0 !important;
+        }
+    }
+}