S68904840 # Sprint 1 #Can the tooltip be little bit improved

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

@@ -124,7 +124,7 @@
 
                     <ng-container *ngIf="isMobileView">
                         <i class="fa fa-question" (click)="tooltip1.focus()"></i>
-                        <input type="text" tooltipStyleClass="t-w300" 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" tooltipEvent="focus" #tooltip1 style="border: 0; width: 0; height: 0;">
+                        <input type="text" tooltipStyleClass="t-w200" 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" tooltipEvent="focus" #tooltip1 style="border: 0; width: 0; height: 0;">
                     </ng-container>
 
 

frontend/angular/src/styles/my-career-styles/_misc.scss

@@ -115,20 +115,6 @@ label.with-help-text {
 }
 
 
-
-
-
-.ui-tooltip {
-    &.t-w300 {
-        min-width: 300px !important;
-    }
-
-    &.t-w200 {
-        min-width: 200px !important;
-    }
-}
-
-
 @media only screen and (max-width: 768px) {
 
     .mc-card {

frontend/angular/src/styles/my-career-styles/_styles.scss

@@ -33,3 +33,20 @@
 
 }
 
+
+
+
+// As it's inserted at the very end of DOM.
+.ui-tooltip {
+    &.t-w300 {
+        min-width: 300px !important;
+    }
+
+    &.t-w400 {
+        min-width: 400px !important;
+    }
+
+    &.t-w200 {
+        min-width: 200px !important;
+    }
+}