add styles for updates

Author: Awakich

projects/skills/src/app/task/shared/relations-task/relations-task.component.scss

@@ -41,9 +41,9 @@
   &__column {
     display: flex;
     flex-direction: column;
+    flex-grow: 1;
     gap: 10px;
     min-width: 220px;
-    flex-grow: 1;
 
     &--grid {
       display: grid;

projects/social_platform/src/app/office/members/filters/members-filters.component.scss

@@ -4,17 +4,17 @@
 .filters {
   display: flex;
   flex-direction: column;
-  margin-bottom: 40px;
-  min-width: 280px;
+  gap: 0;
   width: 100%;
-  gap: 0px;
+  min-width: 280px;
   padding: 26px;
+  margin-bottom: 40px;
   background-color: var(--white);
   border-radius: 8px;
-  
+
   @include responsive.apply-desktop {
-    padding: 26px 16px;
     gap: 24px;
+    padding: 26px 16px;
   }
 
   &__titles {
@@ -39,14 +39,14 @@
 
   &__block {
     margin-bottom: 0;
-    
+
     @include responsive.apply-desktop {
       margin-bottom: 10px;
     }
 
     .filter__name {
-      color: var(--gray);
       margin-bottom: 5px;
+      color: var(--gray);
       cursor: pointer;
     }
 
@@ -55,8 +55,8 @@
       gap: 5px;
 
       span {
-        margin-bottom: 0;
         margin-top: 2px;
+        margin-bottom: 0;
       }
     }
   }

projects/social_platform/src/app/office/members/members.component.scss

@@ -1,11 +1,10 @@
-
 @use "styles/responsive";
 @use "styles/typography";
 
 .members {
   &__title {
     display: none;
-    
+
     @include responsive.apply-desktop {
       display: block;
       margin-bottom: 14px;
@@ -18,8 +17,8 @@
 
     @include responsive.apply-desktop {
       flex-direction: row;
-      justify-content: space-between;
       gap: 24px;
+      justify-content: space-between;
     }
   }
 

projects/social_platform/src/app/office/profile/detail/profile-detail.component.scss

@@ -50,16 +50,16 @@ $detail-bar-mb: 12px;
 
   &__tooltip {
     position: absolute;
-    bottom: 90%;
     right: 0%;
+    bottom: 90%;
     z-index: 100;
     display: none;
     width: 220px;
     padding: 12px;
     color: var(--accent);
     background-color: var(--white);
-    box-shadow: 0 0 6px var(--gray);
     border-radius: 8px;
+    box-shadow: 0 0 6px var(--gray);
     opacity: 0;
     transition: opacity 0.3s ease-in-out;
 

projects/social_platform/src/app/office/program/shared/program-head/program-head.component.scss

@@ -84,8 +84,8 @@
 
     @include responsive.apply-desktop {
       flex-grow: 1;
-      margin-left: auto;
       width: 30%;
+      margin-left: auto;
     }
   }
 }

projects/social_platform/src/app/office/program/shared/rating-card/rating-card.component.scss

@@ -13,8 +13,8 @@
   &__upper {
     padding: 14px;
     background-color: var(--white);
-    border-radius: 15px;
     border: 1px solid var(--accent);
+    border-radius: 15px;
 
     @include responsive.apply-desktop {
       min-height: 550px;
@@ -133,8 +133,8 @@
     display: flex;
     flex-direction: column;
     gap: 15px;
-    margin-top: 25px;
     padding: 14px;
+    margin-top: 25px;
 
     @include responsive.apply-desktop {
       gap: 24px;

projects/social_platform/src/app/office/projects/edit/edit.component.scss

@@ -238,7 +238,7 @@
     justify-content: space-between;
     width: 100%;
     padding: 0;
-    
+
     @include responsive.apply-desktop {
       padding: 60px 50px;
     }
@@ -273,6 +273,7 @@
 
       @include responsive.apply-desktop {
         width: 25%;
+
         @include typography.bold-body-16;
       }
     }
@@ -336,9 +337,9 @@
   }
 
   &__team {
-    grid-template-columns: repeat(1, 270px);    
+    grid-template-columns: repeat(1, 270px);
     margin-top: 10px;
-    
+
     @include responsive.apply-desktop {
       grid-template-columns: repeat(3, 350px);
     }

projects/social_platform/src/app/office/shared/invite-card/invite-card.component.scss

@@ -33,8 +33,8 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    text-align: center;
     width: 400px;
+    text-align: center;
 
     p {
       margin-bottom: 15px;
@@ -52,8 +52,8 @@
 
     ::ng-deep {
       app-button {
-        width: 30%;
         align-self: center;
+        width: 30%;
       }
 
       app-input {
@@ -63,7 +63,9 @@
       }
 
       app-select {
-        .field__input, ul, li {
+        .field__input,
+        ul,
+        li {
           @include typography.body-12;
         }
       }
@@ -72,14 +74,14 @@
 
   &__buttons {
     display: flex;
-    align-items: center;
     gap: 10px;
+    align-items: center;
   }
 
   &__icons {
     display: flex;
-    align-items: center;
     gap: 5px;
+    align-items: center;
   }
 
   &__icon {

projects/social_platform/src/app/office/vacancies/shared/filter/vacancy-filter.component.scss

@@ -147,19 +147,20 @@
     display: flex;
     flex-direction: column;
     gap: 15px;
-    
+
     ::ng-deep {
       app-input {
         input {
           padding: 10px 12px;
+
           @include typography.body-12;
         }
       }
     }
-    
+
     @include responsive.apply-desktop {
       flex-direction: row;
-      gap: 50px;  
+      gap: 50px;
     }
   }
 }

projects/social_platform/src/app/ui/components/range-input/range-input.component.scss

@@ -1,13 +1,13 @@
 .range {
   display: flex;
-  align-items: center;
   gap: 10px;
+  align-items: center;
   width: 100%;
   color: var(--black);
 
   label {
-    color: var(--gray);
     margin-right: 5px;
+    color: var(--gray);
   }
 
   &__divider {
@@ -20,11 +20,11 @@
 
   &__start,
   &__end {
+    width: 100px;
+    padding: 8px 10px;
     background-color: var(--white);
     border: 1px solid var(--gray);
     border-radius: var(--rounded-lg);
-    padding: 8px 10px;
-    width: 100px;
   }
 
   &__point {