[attribute] alignment issue for checkbox in ItemForm and Selection

moved alignment into CSS

Author: paulgirard

packages/gephi-lite/src/components/data/Attribute.tsx

@@ -65,7 +65,7 @@ export const AttributeRenderers: {
     return !isNil(value) ? <>{value.toLocaleString(i18n.language)}</> : null;
   },
   boolean: ({ value }) => (
-    <div className="form-check h-100 ms-1">
+    <div className="form-check h-100 ">
       <Checkbox className="form-check-input disabled" checked={value} />
     </div>
   ),
@@ -172,7 +172,7 @@ export const AttributeEditors: {
     );
   },
   boolean: ({ value, onChange, id, autoFocus }) => (
-    <div className="form-check h-100 ms-1">
+    <div className="form-check h-100 ">
       <Checkbox
         className="form-check-input"
         id={id}

packages/gephi-lite/src/styles/_data-table.scss

@@ -184,3 +184,9 @@ $table-editable-columns-cell-hover-bg: color-mix(
     }
   }
 }
+
+.data-cell {
+  .form-check {
+    @extend .ms-1;
+  }
+}