add styles for onboarding buttons & specialization groups

Author: Awakich

projects/social_platform/src/app/office/onboarding/stage-one/stage-one.component.scss

@@ -2,17 +2,17 @@
 @use "styles/typography";
 
 .auth {
- &__greeting {
+  &__greeting {
     position: relative;
     display: flex;
     flex-direction: column;
     gap: 10px;
     max-width: 100%;
 
     @include responsive.apply-desktop {
-      max-width: 60%;
       flex-direction: row;
       align-items: center;
+      max-width: 60%;
     }
   }
 }

projects/social_platform/src/app/office/onboarding/stage-two/stage-two.component.scss

@@ -10,9 +10,9 @@
     max-width: 100%;
 
     @include responsive.apply-desktop {
-      max-width: 60%;
       flex-direction: row;
       align-items: center;
+      max-width: 60%;
     }
   }
 }

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

@@ -21,6 +21,7 @@
 
     &--open {
       z-index: 1000;
+
       i {
         transform: rotate(90deg);
       }
@@ -57,8 +58,8 @@
     gap: 5px;
 
     &--open {
-      width: 40%;
       z-index: 1000;
+      width: 40%;
     }
 
     &__option {

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

@@ -57,8 +57,8 @@
     align-items: center;
     justify-content: center;
     color: var(--red) !important;
-    transform: translateY(-50%);
     background-color: var(--light-white);
+    transform: translateY(-50%);
 
     i {
       color: var(--red) !important;