- added bando preview page;

- added bando form preview;

src/assets/scss/components/formBuilder.scss

@@ -27,7 +27,14 @@
   padding: 20px;
   border: 1px #DDD;
   background: var(--surface-50);
-  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.10);
+  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.10);
+  
+  .dropzone {
+    width: 100%;
+    height: 100%;
+    border-radius: 1rem;
+    border: 3px dashed #bdbdbd;
+  }
 }
 
 .formBuilder__element {
@@ -36,11 +43,23 @@
   align-items: center;
   gap: 1rem;
   padding: 10px 20px;
-  border: 1px dashed var(--button-secondary-borderColor);
+  border: 1px solid var(--button-secondary-borderColor);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 21px;
+
+  .meta {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    align-items: flex-start;
+  }
+
+  .actions {
+    display: flex;
+    gap: 1rem;
+  }
 }
 
 .formBuilder__aside {
@@ -81,4 +100,17 @@
 
 .formBuilder__elementSettings {
   width: 40rem;
+}
+
+.formElementSettings {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  align-items: flex-start;
+}
+
+.formElementSettings__field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
 }