- updates and fixes;

src/assets/scss/components/appForm.scss

@@ -43,6 +43,11 @@
   }
 }
 
+.appForm__fieldItem {
+  display: flex;
+  gap: 0.5rem;
+}
+
 .appForm__fileUploadItem {
   display: flex;
   justify-content: space-between;
@@ -73,11 +78,13 @@
   gap: 1rem;
   justify-content: space-between;
   flex-wrap: wrap;
+  container-name: form_two_cols;
+  container-type: inline-size;
 
   > div {
     flex: 1 1 auto;
     min-width: 300px;
-    max-width: 700px;
+    max-width: 48%;
     display: flex;
     flex-direction: column;
     gap: 14px;
@@ -87,6 +94,15 @@
     }
   }
 }
+
+@container form_two_cols (max-width: 620px) {
+  .appForm__twoCols {
+    > div {
+      max-width: 100%;
+    }
+  }
+}
+
 .appForm__repeaterItem {
   padding: 0.5rem 0.5rem 0.5rem 1rem;
   border-left: 3px solid #dadada;