fix styles in program-content, vacancy__skills, tag

Author: Awakich

projects/social_platform/src/app/office/features/project-rating/project-rating.component.scss

@@ -11,6 +11,7 @@
   &__columns {
     display: flex;
     align-items: center;
+    flex-direction: column;
   }
 
   &__field {

projects/social_platform/src/app/office/features/vacancy-card/vacancy-card.component.html

@@ -18,7 +18,7 @@ <h3 class="text-body-12 vacancy__role">{{ vacancy.role }}</h3>
         vacancy.specialization ? vacancy.specialization : ""
       }}</app-tag>
       } } @if (vacancy.requiredSkills.length > 5) {
-      <p class="text-body-12 vacancy__requirements--more">
+      <p class="text-body-10 vacancy__requirements--more">
         + {{ vacancy.requiredSkills.length - 5 }}
       </p>
       } }

projects/social_platform/src/app/office/features/vacancy-card/vacancy-card.component.scss

@@ -32,7 +32,7 @@
 
   &__skills {
     display: flex;
-    flex-flow: row wrap;
+    flex-wrap: wrap;
     gap: 10px;
     align-items: center;
   }

projects/social_platform/src/app/office/program/detail/main/main.component.scss

@@ -41,6 +41,9 @@
 
     @include responsive.apply-desktop {
       grid-row-start: unset;
+      min-width: 0;
+      overflow: hidden;
+      word-break: break-word;
     }
   }
 

projects/social_platform/src/app/office/program/detail/shared/news-card/news-card.component.html

@@ -56,10 +56,10 @@
   </ul>
   } @if (newsTextExpandable && !editMode) {
   <div
-    class="read-more"
+    class="read-more text-body-10"
     (click)="onExpandNewsText(newsTextEl?.nativeElement, 'expanded', readMore)"
   >
-    {{ readMore ? "Скрыть" : "Читать полностью" }}
+    {{ readMore ? "скрыть" : "читать полностью" }}
   </div>
   } @if (!editMode) {
   <div class="card__gallery">

projects/social_platform/src/app/ui/components/tag/tag.component.scss

@@ -36,7 +36,7 @@
     }
 
     &.tag--soft {
-      color: var(--gold);
+      color: var(--light-white);
       background: var(--gold);
       border: transparent;
     }