mobile view change to inline-grid (#773)

yzlucas · web-flow · commit ce298f55aab6 · 2025-06-18T12:24:29.000-07:00
diff --git a/client/wfprev-war/src/main/angular/src/app/components/edit-project/project-details/project-details.component.scss b/client/wfprev-war/src/main/angular/src/app/components/edit-project/project-details/project-details.component.scss
@@ -193,6 +193,12 @@
       flex: 1 1 calc(33.33% - 20px); // 3 items per row on medium screens
     }
   }
+  .objective-group{
+    display: inline-grid !important;
+  }
+  .left-fields{
+    display: inline-grid !important;
+  }
 }
 
 @media (max-width: 768px) {

Original file line number	Diff line number	Diff line change
`@@ -193,6 +193,12 @@`
`193`	`193`	`flex: 1 1 calc(33.33% - 20px); // 3 items per row on medium screens`
`194`	`194`	`}`
`195`	`195`	`}`
	`196`	`+ .objective-group{`
	`197`	`+ display: inline-grid !important;`
	`198`	`+ }`
	`199`	`+ .left-fields{`
	`200`	`+ display: inline-grid !important;`
	`201`	`+ }`
`196`	`202`	`}`
`197`	`203`
`198`	`204`	`@media (max-width: 768px) {`