mobile field validation updated

frontend/angular/src/app/my-career-web/mc-shared/personal-details/personal-details.component.html

@@ -46,7 +46,8 @@
                              [(ngModel)]="careerProfile.Mobile" name="Mobile">
                 </p-inputMask>
             </app-form-control>
-            <div class="mobile-no-msg" *ngIf="form.form.get('Mobile').touched && (!careerProfile.Mobile || careerProfile.Mobile.length < 11)">
+            <div class="mobile-no-msg"
+                 *ngIf="(form.form.get('Mobile').touched && form.form.get('Mobile').dirty) && (!careerProfile.Mobile || careerProfile.Mobile.length < 11)">
                 You did not enter a mobile phone number. We occasionally try to contact you via text message.
             </div>
         </div>
@@ -114,7 +115,9 @@
 
 
         <div class="col-md-12 form-group" *ngIf="asChildComponent">
-            <label class="with-help-text">Personal Statement <span class="help-text"><i class="fa fa-question" pTooltip="Your Personal Statement will appear on your Career Profile. It describes the type of work you are looking for, your career plans and what makes you unique. You don’t need to add a Personal Statement now (or at all) … you can add it later via the Career Profile editor. If you want more help with creating a Personal Statement, see the article on our Knowledgebase." tooltipStyleClass="t-w300"></i></span></label>
+            <label class="with-help-text">Personal Statement <span class="help-text"><i class="fa fa-question"
+                                                                                        pTooltip="Your Personal Statement will appear on your Career Profile. It describes the type of work you are looking for, your career plans and what makes you unique. You don’t need to add a Personal Statement now (or at all) … you can add it later via the Career Profile editor. If you want more help with creating a Personal Statement, see the article on our Knowledgebase."
+                                                                                        tooltipStyleClass="t-w300"></i></span></label>
             <app-form-control>
                 <textarea class="form-control" [(ngModel)]="careerProfile.PersonalStatement"
                           name="PersonalStatement"></textarea>
@@ -123,7 +126,9 @@
 
 
         <div class="col-md-12 form-group" *ngIf="asChildComponent">
-            <label class="with-help-text">Achievements <span class="help-text"><i class="fa fa-question" tooltipStyleClass="t-w300" pTooltip="Your Achievements will appear on your Career Profile. It describes the significant events in your work career. This can include projects you worked on, awards, recognition or just activities you have performed well. You don’t need to add Achievements now (or at all) … you can add it later via the Career Profile editor. If you want more help with describing your Achievements, see the article on our Knowledgebase."></i></span></label>
+            <label class="with-help-text">Achievements <span class="help-text"><i class="fa fa-question"
+                                                                                  tooltipStyleClass="t-w300"
+                                                                                  pTooltip="Your Achievements will appear on your Career Profile. It describes the significant events in your work career. This can include projects you worked on, awards, recognition or just activities you have performed well. You don’t need to add Achievements now (or at all) … you can add it later via the Career Profile editor. If you want more help with describing your Achievements, see the article on our Knowledgebase."></i></span></label>
 
             <app-form-control>
                 <textarea class="form-control" [(ngModel)]="careerProfile.Achievements" name="Achievements"></textarea>