Merge pull request #254 from PROCOLLAB-github/info-card-fix

Info card fix

Author: Awakich

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

@@ -90,7 +90,7 @@
   <p class="text-body-12 card__name">{{ info?.lastName | truncate: 10 }}</p>
   @if (info?.speciality) {
   <p class="text-body-6 card__additional-info">
-    {{ info?.speciality }}
+    {{ info?.speciality | truncate: 20 }}
     @if (info?.speciality && info?.birthday) { • } @if (info?.birthday) {
     {{ info?.birthday! | yearsFromBirthday }}
     }

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

@@ -8,7 +8,7 @@
     display: flex;
     flex-direction: column;
     width: 156px;
-    height: 170px;
+    height: 180px;
     padding: 15px 0 12px;
     background-color: var(--light-white);
     border: 0.5px solid var(--medium-grey-for-outline);
@@ -101,7 +101,7 @@
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
-    padding-top: 40px;
+    padding-top: 30px;
     overflow: hidden;
     text-align: center;
 
@@ -142,7 +142,7 @@
     flex: 1;
     flex-direction: column;
     align-items: center;
-    width: 120px;
+    width: 100px;
     overflow: hidden;
     color: var(--dark-grey);
     text-align: center;
@@ -218,10 +218,15 @@
   &__skills {
     display: flex;
     flex-flow: wrap;
+    flex-grow: 1;
     gap: 2px;
     justify-content: center;
     margin-bottom: 9px;
   }
+
+  &__skill {
+    width: 100px;
+  }
 }
 
 .message-modal {

projects/social_platform/src/app/office/profile/edit/edit.component.html

@@ -628,7 +628,7 @@ <h1 class="profile__title">редактирование профиля</h1>
           <div class="profile__column">
             @if (profileForm.get("descriptionWork"); as descriptionWork) {
             <fieldset>
-              <label for="descriptionWork" class="field-label">Краткое описание</label>
+              <label for="descriptionWork" class="field-label">краткое описание</label>
               <app-textarea
                 size="big"
                 id="descriptionWork"

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

@@ -3,6 +3,8 @@
 .tag {
   display: flex;
   align-items: center;
+  justify-content: center;
+  width: 100%;
   max-width: 300px;
   padding: 2px 20px;
   overflow: hidden;