add styles for user achievement modal, file-item

Author: Awakich

projects/social_platform/src/app/office/feed/shared/new-project/new-project.component.scss

@@ -10,8 +10,8 @@
   &__avatar {
     display: flex;
     align-items: center;
-    text-align: center;
     justify-content: center;
+    text-align: center;
   }
 
   &__project {

projects/social_platform/src/app/office/projects/detail/shared/project-direction-card/project-direction-card.component.scss

@@ -67,7 +67,8 @@
     color: var(--black);
   }
 
-  &__skill, &__achievements {
+  &__skill,
+  &__achievements {
     display: flex;
     flex-direction: column;
     gap: 8px;
@@ -82,18 +83,19 @@
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding: 10px;
       width: 100%;
+      padding: 10px;
+      cursor: pointer;
       background-color: var(--white);
       border: 0.5px solid var(--medium-grey-for-outline);
       border-radius: var(--rounded-lg);
-      cursor: pointer;
 
       p {
         color: var(--black);
       }
 
-      i, svg {
+      i,
+      svg {
         color: var(--grey-for-text);
         transform: rotate(90deg);
       }
@@ -107,10 +109,10 @@
 
     &--year {
       display: flex;
-      align-items: center;
       gap: 10px;
-      cursor: pointer;
+      align-items: center;
       color: var(--grey-for-text);
+      cursor: pointer;
 
       i {
         transform: rotate(-90deg);
@@ -130,8 +132,8 @@
       flex-direction: column;
       gap: 2px;
       padding: 12px;
-      border-radius: var(--rounded-lg);
       border: 0.5px solid var(--medium-grey-for-outline);
+      border-radius: var(--rounded-lg);
     }
   }
 }

projects/social_platform/src/app/ui/components/file-item/file-item.component.scss

@@ -2,8 +2,8 @@
 
 .file {
   display: flex;
-  align-items: center;
   gap: 10px;
+  align-items: center;
 
   &__name {
     overflow: hidden;