fix trajectory detail & profile detail

Author: Awakich

projects/skills/src/app/profile/shared/info-block/info-block.component.scss

@@ -7,7 +7,7 @@
   gap: 18px 32px;
 
   @include responsive.apply-desktop {
-    grid-template-columns: 223px 1fr 1fr 1fr;
+    grid-template-columns: 223px 1fr 1fr 0.8fr;
   }
 
   @include responsive.apply-desktop {

projects/skills/src/app/profile/shared/trajectory-block/trajectory-block.component.html

@@ -3,7 +3,7 @@
 <div class="trajectory">
   <img
     alt="trajectory image"
-    src="/assets/images/profile/trajectory.png"
+    src="/assets/images/profile/trajectory.svg"
     class="trajectory__image"
   />
   <app-button (click)="navigateToTrajectory()" customTypographyClass="text-body-12"

projects/skills/src/app/trajectories/track-career/detail/info/info.component.html

@@ -147,16 +147,18 @@
   </div>
 
   <div class="skills">
-    <h4 class="text-heading-4">Персональные навыки</h4>
-    <div class="skills__future">
-      @if (userTrajectory()?.individualSkills) { @for(skill of userTrajectory()?.individualSkills;
-      track $index) {
-      <app-skill-card
-        [type]="'personal'"
-        [skill]="skill"
-        (click)="onSkillClick(skill.id)"
-      ></app-skill-card>
-      } }
+    <div class="skills__personal-container">
+      <h4 class="text-heading-4">Персональные навыки</h4>
+      <div class="skills__personal">
+        @if (userTrajectory()?.individualSkills) { @for(skill of userTrajectory()?.individualSkills;
+        track $index) {
+        <app-skill-card
+          [type]="'personal'"
+          [skill]="skill"
+          (click)="onSkillClick(skill.id)"
+        ></app-skill-card>
+        } }
+      </div>
     </div>
 
     <h4 class="text-heading-4">Навыки текущего месяца</h4>
@@ -172,12 +174,14 @@ <h4 class="text-heading-4">Навыки текущего месяца</h4>
       }
     </div>
 
-    <h4 class="text-heading-4">Грядущие навыки</h4>
-    <div class="skills__future">
-      @if (userTrajectory()?.unavailableSkills) { @for(skill of userTrajectory()?.unavailableSkills;
-      track $index) {
-      <app-skill-card [skill]="skill"></app-skill-card>
-      } }
+    <div class="skills__future-container">
+      <h4 class="text-heading-4">Грядущие навыки</h4>
+      <div class="skills__future">
+        @if (userTrajectory()?.unavailableSkills) { @for(skill of
+        userTrajectory()?.unavailableSkills; track $index) {
+        <app-skill-card [skill]="skill"></app-skill-card>
+        } }
+      </div>
     </div>
 
     <h4 class="text-heading-4">Пройденные навыки</h4>

projects/skills/src/app/trajectories/track-career/detail/info/info.component.scss

@@ -134,7 +134,7 @@
     }
 
     &__info--additional {
-      display: flex;
+      display: none;
       flex-direction: column;
       gap: 12px;
       align-items: center;
@@ -287,8 +287,13 @@
     gap: 20px;
     margin-top: 10px;
 
+    &__future-container, &__personal-container {
+      display: none;
+    }
+
     &__now,
     &__past,
+    &__personal,
     &__future {
       display: grid;
       grid-template-columns: 1fr;