From 74cf8138fb013120a5b8e72f1b3eb3aaede7d96a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Tue, 12 Sep 2023 12:28:42 +0200
Subject: [PATCH] Properly align unique constraints input checkbox

---
 .../components/Admin/Module/UniqueValues.vue  | 86 ++++++++-----------
 .../Public/Record/BulkEdit/index.vue          |  1 +
 2 files changed, 39 insertions(+), 48 deletions(-)

diff --git a/client/web/compose/src/components/Admin/Module/UniqueValues.vue b/client/web/compose/src/components/Admin/Module/UniqueValues.vue
index 15a268935..34dc56287 100644
--- a/client/web/compose/src/components/Admin/Module/UniqueValues.vue
+++ b/client/web/compose/src/components/Admin/Module/UniqueValues.vue
@@ -14,58 +14,48 @@
         />
       </h5>
 
-      <b-row no-gutters>
-        <b-col
-          cols="12"
-          md="6"
-        >
-          <b-form-group>
-            <b-input-group>
-              <vue-select
-                v-model="rule.currentField"
-                :placeholder="$t('searchFields')"
-                :get-option-label="getOptionLabel"
-                :get-option-key="getOptionKey"
-                :options="filterFieldOptions(rule)"
-                :calculate-position="calculateDropdownPosition"
-                class="bg-white"
-                style="min-width: 300px;"
-              />
-
-              <b-input-group-append>
-                <b-button
-                  variant="primary"
-                  class="px-4"
-                  :disabled="!rule.currentField"
-                  @click="updateRuleConstraint(rule)"
-                >
-                  {{ $t("add") }}
-                </b-button>
-              </b-input-group-append>
-            </b-input-group>
-          </b-form-group>
-        </b-col>
-
-        <b-col
-          cols="12"
-          lg="5"
-        >
-          <b-form-group
-            :label="$t('preventRecordsSave')"
-            label-class="text-primary ml-auto mt-2"
-          >
-            <c-input-checkbox
-              v-model="rule.strict"
-              switch
-              :labels="checkboxLabel"
+      <div class="d-flex align-items-center justify-content-between flex-wrap w-100">
+        <b-form-group>
+          <b-input-group>
+            <vue-select
+              v-model="rule.currentField"
+              :placeholder="$t('searchFields')"
+              :get-option-label="getOptionLabel"
+              :get-option-key="getOptionKey"
+              :options="filterFieldOptions(rule)"
+              :calculate-position="calculateDropdownPosition"
+              class="bg-white"
+              style="min-width: 300px;"
             />
-          </b-form-group>
-        </b-col>
-      </b-row>
+
+            <b-input-group-append>
+              <b-button
+                variant="primary"
+                class="px-4"
+                :disabled="!rule.currentField"
+                @click="updateRuleConstraint(rule)"
+              >
+                {{ $t("add") }}
+              </b-button>
+            </b-input-group-append>
+          </b-input-group>
+        </b-form-group>
+
+        <b-form-group
+          :label="$t('preventRecordsSave')"
+          label-class="text-primary ml-auto"
+        >
+          <c-input-checkbox
+            v-model="rule.strict"
+            switch
+            :labels="checkboxLabel"
+          />
+        </b-form-group>
+      </div>
 
       <div
         v-if="rule.constraints && rule.constraints.length > 0"
-        class="rounded border border-light p-3 mt-3"
+        class="rounded border border-light p-3"
         style="background-color: #F9FAFB;"
       >
         <b-table-simple
diff --git a/client/web/compose/src/components/Public/Record/BulkEdit/index.vue b/client/web/compose/src/components/Public/Record/BulkEdit/index.vue
index 841080dc5..4be6637d6 100644
--- a/client/web/compose/src/components/Public/Record/BulkEdit/index.vue
+++ b/client/web/compose/src/components/Public/Record/BulkEdit/index.vue
@@ -220,6 +220,7 @@ export default {
         this.fields = []
         this.record = new compose.Record(this.module, {})
       }
+
       this.$emit('close')
     },