add styles for modals & tooltip

Author: Awakich

projects/social_platform/src/app/office/program/detail/list/list.component.scss

@@ -175,8 +175,8 @@
 
   &__wrapper {
     position: absolute;
-    bottom: 22px;
     right: 100%;
+    bottom: 22px;
     left: auto;
     width: 310px;
     padding: 18px 10px 10px 16px;
@@ -206,7 +206,7 @@
   justify-content: center;
   width: 80%;
   max-height: calc(100vh - 40px);
-  padding: 0px 24px;
+  padding: 0 24px;
   overflow-y: auto;
 
   @include responsive.apply-desktop {
@@ -245,7 +245,7 @@
       display: flex;
       flex-direction: column;
       gap: 12px;
-      margin: 30px 0px;
+      margin: 30px 0;
     }
   }
 }

projects/social_platform/src/app/office/program/detail/main/main.component.scss

@@ -225,7 +225,7 @@
       display: flex;
       flex-direction: column;
       gap: 12px;
-      margin: 30px 0px;
+      margin: 30px 0;
     }
 
     &-list {

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

@@ -232,7 +232,7 @@
       display: flex;
       flex-direction: column;
       gap: 12px;
-      margin: 30px 0px;
+      margin: 30px 0;
     }
   }
 

projects/social_platform/src/app/office/projects/edit/shared/project-team-step/project-team-step.component.scss

@@ -149,8 +149,8 @@
 
   &__wrapper {
     position: absolute;
-    bottom: 22px;
     right: 100%;
+    bottom: 22px;
     left: auto;
     width: 310px;
     padding: 18px 10px 10px 16px;
@@ -180,7 +180,7 @@
   justify-content: center;
   width: 80%;
   max-height: calc(100vh - 40px);
-  padding: 0px 24px;
+  padding: 0 24px;
   overflow-y: auto;
 
   @include responsive.apply-desktop {
@@ -219,7 +219,7 @@
       display: flex;
       flex-direction: column;
       gap: 12px;
-      margin: 30px 0px;
+      margin: 30px 0;
     }
   }
 }