- updated version;

src/assets/scss/components/appForm.scss

@@ -88,7 +88,9 @@
     display: flex;
     flex-direction: column;
     gap: 14px;
+  }
 
+  > div:not(.appForm__field) {
     label {
       font-weight: 400;
     }

src/assets/scss/components/flowBuilder.scss

@@ -0,0 +1,19 @@
+.flowBuilder__wrapper {
+  width: 100%;
+  height: 500px;
+}
+
+.nodeInitialForm {
+  padding: 10px 20px;
+  background-color: white;
+  border: 1px solid black;
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  label {
+    font-size: 13px;
+    text-align: center;
+  }
+}

src/assets/scss/components/layout.scss

@@ -10,7 +10,7 @@ body {
   flex-direction: column;
   flex-grow: 1;
   margin: 0;
-  font-family: 'Montserrat';
+  font-family: "Montserrat", sans-serif;
 
   p, span:not(.p-button-label, .p-button-icon, .p-badge), 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/reactFlow.scss

@@ -1,4 +0,0 @@
-.reactFlow__wrapper {
-  width: 100%;
-  height: 500px;
-}

src/assets/scss/components/statsBigBadges.scss

@@ -7,6 +7,10 @@
     grid-template-columns: repeat(2, 1fr);
     gap: 1rem;
     width: 100%;
+
+    &.grid-3 {
+        grid-template-columns: repeat(3, 1fr);
+    }
 }
 
 .statsBigBadges__grid .statsBigBadges__gridItem span {

src/assets/scss/theme.scss

@@ -36,4 +36,4 @@
 @import "./components/formBuilder.scss";
 @import "./components/misc.scss";
 @import "./components/login.scss";
-@import "./components/reactFlow.scss";
+@import "./components/flowBuilder.scss";