add styles for adapted pages for mobile version

Author: Awakich

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

@@ -19,11 +19,11 @@
     flex-grow: 1;
     gap: 20px;
     width: 100%;
+    padding: 0 10px;
     margin-top: 12px;
-    padding: 0px 10px;
-    
+
     @include responsive.apply-desktop {
-      padding: 0px;
+      padding: 0;
     }
   }
 

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

@@ -33,9 +33,9 @@
     display: flex;
     flex-direction: column;
     margin-bottom: 8px;
-    
+
     @include responsive.apply-desktop {
-      margin-bottom: 0px;
+      margin-bottom: 0;
     }
   }
 

projects/social_platform/src/app/office/program/shared/rating-card/rating-card.component.scss

@@ -7,7 +7,7 @@
   display: grid;
   grid-template-columns: 1fr;
   gap: 20px;
-  
+
   @include responsive.apply-desktop {
     grid-template-columns: 5fr 3fr;
   }
@@ -30,7 +30,7 @@
     gap: 10px;
     align-items: center;
     width: 100%;
-    
+
     @include responsive.apply-desktop {
       gap: 20px;
     }
@@ -90,7 +90,7 @@
     gap: 5px;
     align-items: center;
     margin-top: 6px;
-    
+
     @include responsive.apply-desktop {
       margin: 0;
     }