- saving progress;

src/assets/scss/components/formBuilder.scss

@@ -191,16 +191,70 @@
 }
 
 .formElementSettings__repeater {
-  display: flex;
-  flex-direction: column;
+  display: grid;
+  grid-template-columns: 1fr;
   gap: 0.5rem;
 }
 
 .formElementSettings__repeaterItem {
+  display: grid;
+  grid-template-columns: 4.5fr 2.4fr 1fr 1.4fr 0.7fr;
+  gap: 12px;
 
+  > div {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    box-sizing: border-box;
+
+    input, select, .p-dropdown {
+      width: 100%;
+      box-sizing: border-box;
+    }
+  }
 }
 
-.formElementSettings__subRepeater {
-  padding: 10px 20px;
-  background-color: #f9f9f9;
+.formElementSettings__subRepeaterWrapper {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 7px;
+}
+
+.formElementSettings__subRepeaterItem {
+  display: grid;
+  grid-template-columns: 9.3fr 0.7fr;
+  gap: 12px;
+
+  > div {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    box-sizing: border-box;
+
+    input, select, .p-dropdown {
+      width: 100%;
+      box-sizing: border-box;
+    }
+  }
+}
+
+.formElementSettings__repeaterItemIconBtn {
+  border: none;
+  background: transparent;
+  padding: 0;
+  font-size: 2rem;
+  color: var(--table-border-color);
+
+  i {
+    font-size: 2rem;
+  }
+
+  &:hover {
+    cursor: pointer;
+    color: var(--menuitem-active-background);
+  }
+
+  &:not([data-active="false"]) {
+    color: var(--menuitem-active-background);
+  }
 }