colorization and added spacing for testing only

forms/FormMain.vue

@@ -4,31 +4,32 @@
     // .row.md-gutter.justify-between.items-between
     div
       template(v-if="loaded", v-for="(field, key) in fields")
-        form-row-checkbox.col-sm-12.no-margin(
-        v-if="isType(field.type, 'checkbox')",
-        v-model="local[key]",
-        :type="field.type",
-        :validation="$v.local[key]",
-        :attributes="field.attributes",
-        :label="$t(field.label)",
-        :helper-label="$t(field.helperLabel)",
-        :error-label="$t(field.errorLabel)",
-        :class="{ 'col-xl-6': !field.fullWidth, 'col-12': field.fullWidth }"
-        )
-        form-row.col-sm-12.no-margin(
-        v-else,
-        v-model="local[key]",
-        :type="field.type",
-        :select-options="field.options",
-        :autocomplete-options="field.autocompleteOptions",
-        :validation="field.validators ? $v.local[key] : undefined",
-        :attributes="field.attributes",
-        :label="$t(field.label)",
-        :helper-label="$t(field.helperLabel)",
-        :error-label="$t(field.errorLabel)",
-        :class="{ 'col-xl-6': !field.fullWidth, 'col-12': field.fullWidth }"
-        )
-    .row.xs-gutter.full-width.justify-end.items-end
+        div.q-mb-md.bg-purple
+          form-row-checkbox.col-sm-12.no-margin(
+          v-if="isType(field.type, 'checkbox')",
+          v-model="local[key]",
+          :type="field.type",
+          :validation="$v.local[key]",
+          :attributes="field.attributes",
+          :label="$t(field.label)",
+          :helper-label="$t(field.helperLabel)",
+          :error-label="$t(field.errorLabel)",
+          :class="{ 'col-xl-6': !field.fullWidth, 'col-12': field.fullWidth }"
+          )
+          form-row.col-sm-12.no-margin(
+          v-else,
+          v-model="local[key]",
+          :type="field.type",
+          :select-options="field.options",
+          :autocomplete-options="field.autocompleteOptions",
+          :validation="field.validators ? $v.local[key] : undefined",
+          :attributes="field.attributes",
+          :label="$t(field.label)",
+          :helper-label="$t(field.helperLabel)",
+          :error-label="$t(field.errorLabel)",
+          :class="{ 'col-xl-6': !field.fullWidth, 'col-12': field.fullWidth }"
+          )
+    .row.xs-gutter.full-width.justify-end.items-end.bg-purple
       slot(name="form-buttons-add")
       slot(name="form-buttons")
         submit-button.q-mt-md(