add styles

Author: Awakich

projects/skills/src/app/profile/shared/month-block/month-block.component.scss

@@ -106,10 +106,12 @@
     display: flex;
     gap: 5px;
     color: var(--white);
+
     @include typography.body-12;
 
     @include responsive.apply-desktop {
-    left: 55%;
+      left: 55%;
+
       @include typography.bold-body-14;
     }
   }

projects/skills/src/app/profile/shared/progress-block/progress-block.component.scss

@@ -38,11 +38,11 @@
     position: absolute;
     top: 0;
     right: 0;
+    z-index: 10;
     display: inline-block;
     width: 24px;
     height: 24px;
     cursor: pointer;
-    z-index: 10;
 
     &:hover {
       opacity: 1;
@@ -60,19 +60,19 @@
     bottom: 95%;
     left: 66%;
     z-index: 100;
+    display: none;
     width: 200px;
     padding: 12px;
     color: var(--dark-grey);
     background-color: var(--white);
     border: 1px solid var(--dark-grey);
     border-radius: 15px 15px 0;
     opacity: 0;
-    display: none;
     transition: opacity 0.3s ease-in-out;
 
     &--visible {
-      opacity: 1;
       display: block;
+      opacity: 1;
     }
   }
 }

projects/skills/src/app/profile/shared/skills-block/skills-block.component.scss

@@ -29,11 +29,11 @@
     position: absolute;
     top: 0;
     right: 0;
+    z-index: 10;
     display: inline-block;
     width: 24px;
     height: 24px;
     cursor: pointer;
-    z-index: 10;
 
     &:hover {
       opacity: 1;
@@ -51,19 +51,19 @@
     bottom: 98%;
     left: 42%;
     z-index: 100;
+    display: none;
     width: 200px;
     padding: 12px;
     color: var(--dark-grey);
     background-color: var(--white);
     border: 1px solid var(--dark-grey);
-    border-radius: 15px 15px 0px 15px;
+    border-radius: 15px 15px 0;
     opacity: 0;
-    display: none;
     transition: opacity 0.3s ease-in-out;
 
     &--visible {
-      opacity: 1;
       display: block;
+      opacity: 1;
     }
 
     @include responsive.apply-desktop {

projects/social_platform/src/app/auth/login/login.component.scss

@@ -30,6 +30,6 @@
 }
 
 .icon {
-  cursor: pointer;
   color: var(--dark-grey);
+  cursor: pointer;
 }

projects/social_platform/src/app/office/projects/detail/info/info.component.scss

@@ -235,9 +235,10 @@
 
   &__subscribe {
     position: absolute;
-    right: 20px;
     top: 20px;
+    right: 20px;
     cursor: pointer;
+
     // color: white;
     // padding-bottom: 18px;
     // background-color: var(--green);