change styles for office, sidebar & program details

Author: Awakich

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

@@ -3,15 +3,15 @@
 @use "styles/responsive";
 
 .office {
+  position: relative;
   display: flex;
   height: 100%;
   background-color: var(--white);
-  position: relative;
 
   &__background-image {
     position: absolute;
-    left: 0;
     top: 0;
+    left: 0;
   }
 
   &__wrapper {
@@ -26,22 +26,22 @@
   }
 
   &__body {
-    flex-grow: 1;
-    overflow-y: auto;
     display: flex;
+    flex-grow: 1;
     justify-content: center;
+    overflow-y: auto;
   }
 
   &__inner {
+    display: flex;
     width: 100%;
     max-width: responsive.$container-md;
     height: 100%;
-    display: flex;
 
     &--wrapper {
       display: flex;
-      width: 100%;
       gap: 20px;
+      width: 100%;
     }
 
     &--content {
@@ -83,16 +83,16 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  text-align: center;
   padding: 20px;
+  text-align: center;
 
   &__title {
-    margin: 15px 0 10px 0;
+    margin: 15px 0 10px;
   }
 
   &__text {
-    margin-bottom: 20px;
     max-width: 300px;
+    margin-bottom: 20px;
   }
 
   &__button {