add styles for skills modal, tag, task-detail

Author: Awakich

projects/social_platform/src/app/office/projects/detail/kanban-board/shared/task/detail/task-detail.component.scss

@@ -48,8 +48,8 @@
 
       &-score {
         display: flex;
-        align-items: center;
         gap: 3px;
+        align-items: center;
       }
 
       p {
@@ -397,7 +397,7 @@
       @for $i from 1 through 8 {
         > li:nth-child(#{$i}) {
           ::ng-deep app-skills-group .content--open {
-            top: 0px;
+            top: 0;
             margin-top: -#{($i - 1) * 50}px;
           }
         }

projects/social_platform/src/app/office/shared/skills-group/skills-group.component.scss

@@ -6,14 +6,14 @@
   min-height: 32px;
 
   .heading {
+    position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     height: 32px;
     cursor: pointer;
     transition: opacity 0.2s ease;
-    position: relative;
 
     i {
       transition: transform 0.2s ease;
@@ -57,10 +57,10 @@
     gap: 14px;
 
     &--open {
-      width: 40%;
       position: absolute;
       top: 0%;
       right: 0%;
+      width: 40%;
     }
 
     &__option {

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

@@ -97,13 +97,13 @@
     &.tag--accent-medium {
       color: var(--white);
       background: transparent;
-       border: 0.5px solid var(--accent-medium);
+      border: 0.5px solid var(--accent-medium);
     }
 
     &.tag--blue-dark {
       color: var(--white);
       background: transparent;
-       border: 0.5px solid var(--blue-dark);
+      border: 0.5px solid var(--blue-dark);
     }
 
     &.tag--complete {
@@ -112,7 +112,7 @@
       border: 0.5px solid var(--green);
     }
 
-     &.tag--complete-dark {
+    &.tag--complete-dark {
       color: var(--white);
       background: transparent;
       border: 0.5px solid var(--green-dark);
@@ -121,7 +121,7 @@
     &.tag--red {
       color: var(--white);
       background: transparent;
-       border: 0.5px solid var(--red);
+      border: 0.5px solid var(--red);
     }
 
     &.tag--cyan {