Fixed Styling issues in Table filter (#418)

- Fixed styling issues for table filters
- Defect: https://jazz07.rchland.ibm.com:13443/jazz/web/projects/CSSD#action=com.ibm.team.workitem.viewWorkItem&id=703182

Signed-off-by: Nikhil Ashoka <[email protected]>

Author: Nikhil-Ashoka

src/assets/styles/bmc/custom/_forms.scss

@@ -135,7 +135,6 @@ div[role='group'] {
       color: $gray-900 !important;
     }
   }
-  margin-bottom: 1rem !important;
 }
 
 .form-check-input:focus ~ .form-check-label::before {

src/components/Global/TableFilter.vue

@@ -14,6 +14,7 @@
       variant="link"
       no-caret
       right
+      auto-close="outside"
       data-test-id="tableFilter-dropdown-options"
       :disabled="isFilterDisabled"
       @hide="dropdownVisible = false"
@@ -29,7 +30,7 @@
           :key="index"
           :label="filter.label"
         >
-          <BFormCheckboxGroup v-model="tags">
+          <BFormCheckboxGroup v-model="tags" class="margin-btm">
             <BFormCheckbox
               v-for="value in filter.values"
               :key="value"
@@ -117,4 +118,7 @@ export default {
 .badge {
   margin-right: calc($spacer / 2);
 }
+.margin-btm {
+  margin-bottom: 1rem !important;
+}
 </style>

src/views/ResourceManagement/FieldCoreOverride/FieldCoreOverrideConfiguration.vue

@@ -136,3 +136,8 @@ const submitForm = () => {
     .catch(({ message }) => errorToast(message));
 };
 </script>
+<style scoped>
+.form-check {
+  margin-bottom: 1rem !important;
+}
+</style>