add registration & trajectory block styles

Author: Awakich

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

@@ -7,9 +7,10 @@
   height: 130px;
   overflow: hidden;
   white-space: nowrap;
+  cursor: pointer;
   border-radius: 15px;
   transition: ease 0.3s;
-  cursor: pointer;
+
   // padding: 50px 50px 50px 18px;
   // background-color: var(--white);
 
@@ -24,7 +25,7 @@
   &__image {
     height: 100%;
     object-fit: cover;
-    
+
     @include responsive.apply-desktop {
       width: 100%;
       height: auto;
@@ -35,9 +36,9 @@
   ::ng-deep {
     app-button {
       position: absolute;
-      width: 30%;
       top: 17%;
       right: 0%;
+      width: 30%;
 
       @include responsive.apply-desktop {
         top: 30%;

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

@@ -45,20 +45,20 @@
   }
 
   &__actions {
-    grid-column: 1/2;
-    order: 3;
-    margin-top: auto;
     display: flex;
     flex-direction: column;
+    grid-column: 1/2;
     gap: 20px;
+    order: 3;
+    margin-top: auto;
 
     @include responsive.apply-desktop {
       flex-direction: row;
-      
+
       :first-child {
         width: 100%;
       }
-  
+
       :last-child {
         width: 60%;
       }

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

@@ -72,20 +72,20 @@
   }
 
   &__actions {
-    grid-column: 1/2;
-    order: 3;
-    margin-top: auto;
     display: flex;
     flex-direction: column;
+    grid-column: 1/2;
     gap: 20px;
+    order: 3;
+    margin-top: auto;
 
     @include responsive.apply-desktop {
       flex-direction: row;
-      
+
       :first-child {
         width: 100%;
       }
-  
+
       :last-child {
         width: 60%;
       }

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

@@ -15,8 +15,8 @@
     ::ng-deep {
       app-avatar-control {
         .control {
-          border-radius: 50%;
           border: 3px solid var(--accent);
+          border-radius: 50%;
         }
       }
     }
@@ -33,7 +33,7 @@
     }
 
     > :last-child {
-       margin-bottom: 10px;
+      margin-bottom: 10px;
     }
   }
 
@@ -156,4 +156,4 @@
   &__text {
     text-align: center;
   }
-}
+}