fix styles in onboarding

Author: Awakich

projects/social_platform/src/app/office/features/info-card/info-card.component.scss

@@ -37,19 +37,19 @@
 
     &--program {
       display: flex;
-      align-items: center;
       gap: 5px;
+      align-items: center;
       justify-content: center;
 
       &-icon {
-        width: 16px;
-        height: 12px;
-        margin-top: 6px;
         display: flex;
         align-items: center;
         justify-content: center;
-        border-radius: var(--rounded-lg);
+        width: 16px;
+        height: 12px;
+        margin-top: 6px;
         border: 0.5px solid var(--medium-grey-for-outline);
+        border-radius: var(--rounded-lg);
 
         i {
           color: var(--accent);
@@ -59,8 +59,8 @@
 
     &--project-partner {
       position: absolute;
-      left: 30%;
       top: 67%;
+      left: 30%;
       padding: 3px 5px;
       border: 0.5px solid var(--medium-grey-for-outline);
       border-radius: var(--rounded-lg);
@@ -93,6 +93,7 @@
   }
 
   &__content {
+    position: relative;
     display: flex;
     flex: 1;
     flex-direction: column;
@@ -101,7 +102,6 @@
     padding-top: 40px;
     overflow: hidden;
     text-align: center;
-    position: relative;
 
     &--empty {
       padding-top: 60px;

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

@@ -105,8 +105,8 @@
     grid-column: 1/2;
     gap: 20px;
     order: 3;
-    margin-top: auto;
     width: 60%;
+    margin-top: auto;
 
     @include responsive.apply-desktop {
       flex-direction: row;

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

@@ -63,11 +63,11 @@
 
   &__buttons {
     position: sticky;
+    right: 100%;
+    bottom: 3%;
     display: flex;
     flex-direction: column;
     gap: 10px;
-    bottom: 3%;
-    right: 100%;
     width: 100%;
     margin-left: 280%;
   }
@@ -193,11 +193,10 @@ i {
   }
 }
 
-
 .error {
   color: var(--red) !important;
 
   i {
-    color:  var(--red) !important;
+    color: var(--red) !important;
   }
 }