name wrapping & left sidebar label issue fixed

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

-<div class="row" style="height: 100vh;" *ngIf="!isMobileView">
-    <div class="col-md-12 dashboard-wrapper" style="padding: 0;">
+<div class="row" style="min-height: 100vh;" *ngIf="!isMobileView">
+    <div class="col-md-12 dashboard-wrapper" style="padding: 0; min-height: 100vh;">
 
         <div class="dashboard-left-sidebar">
             <app-left-sidebar></app-left-sidebar>

frontend/angular/src/app/components/my-career-web/dashboard/dashboard/dashboard.component.scss

@@ -5,24 +5,22 @@
     justify-content: space-between;
     height: 100%;
     background: #FAFCFD;
+    position: relative;
 
     .dashboard {
 
         &-left-sidebar, &-right-sidebar {
-            height: 100%;
+            min-height: 100vh;
             box-shadow: 0 0 20px 0 rgba(128,130,133,0.13);
             min-width: 260px;
             width: 18%;
+            background: #fff;
         }
 
 
         &-content {
             width: calc(100% - 520px);
         }
-
-        &-right-sidebar {
-
-        }
     }
 }
 

frontend/angular/src/app/components/my-career-web/dashboard/home/home.component.scss

@@ -14,6 +14,9 @@
             font-weight: bold;
             letter-spacing: 0;
             line-height: 32px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
         }
 
         &-card {

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

@@ -50,7 +50,7 @@
 
         <div class="go-premium-wrapper">
             <div class="go-premium">
-                <img src="/assets/my-career-web/images/go-premium-temp.png" alt="">
+                <img src="assets/my-career-web/images/go-premium-temp.png" alt="">
             </div>
         </div>
 

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

@@ -83,7 +83,7 @@
         color: #808285;
         font-family: $bodyFont;
         font-size: 11px;
-        bottom: 0;
+        bottom: 20px;
     }
 
     .go-premium-wrapper {

frontend/angular/src/app/components/my-career-web/dashboard/profile-tasks/profile-tasks.component.scss

@@ -56,6 +56,9 @@
         &-name {
             font-weight: 600;
             text-transform: uppercase;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }