updated form fields and application logic;

src/assets/scss/components/appPage.scss

@@ -102,7 +102,7 @@
 .appPageSection__withBorder {
     display: flex;
     flex-direction: column;
-    gap: 7px;
+    gap: 16px;
     width: 100%;
     padding: 17px;
     border-radius: 6px;
@@ -131,7 +131,7 @@
         padding: 5px 0;
 
         &.rowContent {
-            padding: 17px 0;
+            padding: 7px 0;
         }
 
         p {
@@ -194,6 +194,7 @@
     display: flex;
     gap: 0.5rem;
     justify-content: space-between;
+    margin: 0;
 
     span {
         font-size: 14px;

src/assets/scss/components/formBuilder.scss

@@ -1,4 +1,5 @@
 .formBuilder {
+  position: relative;
   display: flex;
   gap: 20px;
   width: 100%;

src/assets/scss/components/layout.scss

@@ -12,8 +12,8 @@ body {
   margin: 0;
   font-family: "Montserrat", sans-serif;
 
-  p, span:not(.p-button-label, .p-button-icon, .p-badge, .p-message-detail), input, label:not(.p-error),
-  textarea, a, li, h1, h2, h3, h4, h5, h6, div, th, td {
+  p, span:not(.p-button-label, .p-button-icon, .p-badge, .p-message-detail, .p-highlight),
+  input, label:not(.p-error), textarea, a, li, h1, h2, h3, h4, h5, h6, div, th, td {
     color: var(--global-textColor);
   }
 }

src/assets/scss/components/misc.scss

@@ -83,6 +83,13 @@
   margin: 0;
 }
 
+.blockingOverlay {
+  position: absolute;
+  z-index: 999;
+  inset: 0;
+  background-color: rgba(255,255,255,0.3)
+}
+
 .mb-2 {
   margin-bottom: 4px;
 }