- added registartion page;

- implemented validation helper-functions;
- fixed form fields datepicker and datepicker range;
- updated routes logic;
- fixed FAQ items editing/submission;

src/assets/scss/components/appForm.scss

@@ -77,7 +77,7 @@
   align-items: center;
 }
 
-.appForm__oneCol {
+.appForm__col {
   display: flex;
   flex-direction: column;
   gap: 7px;
@@ -87,18 +87,13 @@
   }
 }
 
-.appForm__twoCols {
-  display: flex;
-  gap: 1rem;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  container-name: form_two_cols;
-  container-type: inline-size;
+.appForm__cols {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  width: 100%;
 
   > div {
-    flex: 1 1 auto;
-    min-width: 300px;
-    max-width: 48%;
     display: flex;
     flex-direction: column;
     gap: 14px;
@@ -111,14 +106,6 @@
   }
 }
 
-@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;

src/assets/scss/components/appPage.scss

@@ -1,4 +1,5 @@
 .appPage {
+    position: relative;
     display: flex;
     flex-direction: column;
     flex-grow: 2;
@@ -9,6 +10,7 @@
         font-style: normal;
         font-weight: 600;
         line-height: normal;
+        text-align: center;
     }
 }
 
@@ -132,6 +134,9 @@
 
         &.rowContent {
             padding: 7px 0;
+            flex-direction: column;
+            align-items: flex-start;
+            gap: 0.3rem;
         }
 
         p {

src/assets/scss/components/formBuilder.scss

@@ -3,7 +3,7 @@
   display: flex;
   gap: 20px;
   width: 100%;
-  min-height: 500px;
+  height: 600px;
 }
 
 .formBuilder__main {
@@ -21,6 +21,8 @@
 }
 
 .formBuilder__content {
+  height: 100%;
+  overflow-y: scroll;
   flex-grow: 2;
   display: flex;
   flex-direction: column;
@@ -84,6 +86,8 @@
   list-style: none;
   padding: 0;
   margin: 0;
+  height: 100%;
+  overflow-y: scroll;
 }
 .formBuilder__elementItem {
   display: flex;

src/assets/scss/components/login.scss

@@ -11,4 +11,30 @@
   width: 100%;
   max-width: 540px;
   padding: 24px;
+
+  .appForm {
+    width: 100%;
+  }
+}
+
+.appPageLogin__spidBtn.appPageLogin__spidBtn {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 8px;
+  gap: 11px;
+  background: #06C;
+  border: none;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  span {
+    color: #FFF;
+    font-size: 17.25px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 15px;
+  }
 }

src/assets/scss/components/misc.scss

@@ -91,10 +91,14 @@
   padding: 0.5rem;
 }
 
-.p-message-detail {
+.p-message-detail, .p-progressbar-label {
   color: white;
 }
 
+.p-dialog-content {
+  padding: 1rem 1.5rem;
+}
+
 .blockingOverlay {
   position: absolute;
   z-index: 999;