templates UI fixes

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

@@ -56,9 +56,6 @@ export class CareerHistoryComponent extends BaseComponent implements OnInit {
             .subscribe(response => {
                 this.isLoading = false;
                 this.careerProfile = response;
-                if (!this.careerProfile.CurrentProfileBuilderTab) {
-                    this.router.navigate(['/my-career-web/career-history/templates'])
-                }
             }, err => {
                 this.isLoading = false;
                 this.utilsService.handleError(err);

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

@@ -25,9 +25,7 @@
 
     <div class="templates">
 
-        <p-carousel [value]="careerProfile?.Candidate?.AllTempletes" [numVisible]="2" iconReplacer
-                    [iconsToReplace]="['pi-arrow-circle-right', 'pi-arrow-circle-left']" [delay]="2000"
-                    [iconsToAdd]="['pi-chevron-right', 'pi-chevron-left']" styleClass="template-picker">
+        <p-carousel [value]="careerProfile?.Candidate?.AllTempletes" [numVisible]="2" styleClass="template-picker">
 
             <ng-template let-template pTemplate="item">
                 <div class="template-wrapper">

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

@@ -77,3 +77,21 @@
         }
     }
 }
+
+@media screen and (max-width: 1024px) {
+    .close-templates {
+        color: #fff !important;
+        background: transparent !important;
+        right: 5px !important;
+        top: 3px !important;
+    }
+
+    .template-picker-wrapper {
+        .template-img-wrapper {
+            .template-img {
+                height: auto !important;
+                min-height: 300px;
+            }
+        }
+    }
+}

frontend/angular/src/app/my-career-web/dashboard/left-sidebar/left-sidebar.component.html

@@ -13,7 +13,7 @@
             </span>
         </div>
 
-        <div class="sidebar-navigation-item" routerLink="/my-career-web/career-history/update">
+        <div class="sidebar-navigation-item" routerLink="/my-career-web/career-history/update" [ngClass]="{disabled: careerProfile.CompletedPercentageCH !== 100}">
             <span class="sidebar-navigation-item-icon">
                 <i class="fa fa-lock"></i>
             </span>

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

@@ -119,7 +119,7 @@
                 <span class="help-text">
 
                     <ng-container *ngIf="!isMobileView">
-                        <i *ngIf="!isMobileView" class="fa fa-question" tooltipStyleClass="t-w300"  tooltipEvent="focus" 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"></i>
+                        <i *ngIf="!isMobileView" class="fa fa-question" 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"></i>
                     </ng-container>
 
                     <ng-container *ngIf="isMobileView">
@@ -141,7 +141,7 @@
             <label class="with-help-text">Achievements
                 <span class="help-text">
                     <ng-container *ngIf="!isMobileView">
-                        <i  class="fa fa-question" tooltipStyleClass="t-w300"  tooltipEvent="focus" 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>
+                        <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>
                     </ng-container>
 
                     <ng-container *ngIf="isMobileView">

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

@@ -75,7 +75,8 @@ label.with-help-text {
 .mc-page {
     background: #FAFCFD;
     min-height: 100vh;
-    margin: 0 -15px;
+    margin: 0 -10px;
+
 
     &-header {
         height: 76px;

frontend/angular/src/styles/my-career-styles/primeng/_carousel.scss

@@ -60,5 +60,25 @@
         .ui-carousel-page-links {
             display: none;
         }
+
+        .ui-carousel-mobiledropdown {
+            display: none !important;
+        }
+    }
+}
+
+
+@media screen and (max-width: 1024px) {
+    .ui-carousel-button {
+        width: 30px !important;
+        height: 30px !important;
+
+        &.ui-carousel-next-button {
+            right: 2% !important;
+        }
+
+        &.ui-carousel-prev-button {
+            left: 2% !important;
+        }
     }
 }