Merge pull request #3624 from nocodb/fix/checkbox-in-form

fix(nc-gui): make checkbox visible on hover & more easy to tick

packages/nc-gui/components/cell/Checkbox.vue

@@ -42,9 +42,15 @@ function onClick() {
 <template>
   <div
     class="flex"
-    :class="{ 'justify-center': !isForm, 'nc-cell-hover-show': !vModel && !readOnly, 'opacity-0': readOnly && !vModel }"
+    :class="{
+      'justify-center': !isForm,
+      'w-full': isForm,
+      'nc-cell-hover-show': !vModel && !readOnly,
+      'opacity-0': readOnly && !vModel,
+    }"
+    @click="onClick"
   >
-    <div class="px-1 pt-1 rounded-full items-center" :class="{ 'bg-gray-100': !vModel }" @click="onClick">
+    <div class="px-1 pt-1 rounded-full items-center" :class="{ 'bg-gray-100': !vModel }">
       <component
         :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
         :style="{