chore: remove margin from form groups

Author: astagi

stories/Components/Form/Checkbox.stories.tsx

@@ -13,7 +13,7 @@ type Story = StoryObj<typeof Input>;
 
 export const CheckboxBase: Story = {
     render: () => (
-        <Form className="m-3">
+        <Form>
             <fieldset>
                 <legend>Checkbox</legend>
                 <FormGroup check>
@@ -32,7 +32,7 @@ export const CheckboxInline: Story = {
         <section>
             <fieldset>
                 <legend>Checkbox</legend>
-                <Form className="m-3">
+                <Form>
                     <FormGroup check inline>
                         <Input id="inline-checkbox1" type="checkbox" />
                         <Label for="inline-checkbox1" check>
@@ -56,7 +56,7 @@ export const CheckboxDisabilitato: Story = {
         <section>
             <fieldset>
                 <legend>Checkbox</legend>
-                <Form className="m-3">
+                <Form>
                     <FormGroup check>
                         <Input disabled id="disabled-checkbox1" type="checkbox" />
                         <Label for="disabled-checkbox1" check>
@@ -141,7 +141,7 @@ export const CheckboxGruppi: Story = {
 //Da correggere il componente input nel caso in cui venga aggiunta la classe semi-checked perchè il render del componente è sbagliato
 export const CheckboxMixedButton: Story = {
     render: () => (
-        <Form className="m-3">
+        <Form>
             <fieldset>
                 <legend>Checkbox</legend>
                 <FormGroup check>

stories/Components/Form/Radio.stories.tsx

@@ -13,7 +13,7 @@ type Story = StoryObj<typeof Input>;
 
 export const RadioBase: Story = {
     render: () => (
-        <Form className="m-3">
+        <Form>
             <fieldset>
                 <legend>Radio</legend>
 
@@ -40,7 +40,7 @@ export const RadioInline: Story = {
         <section>
             <fieldset>
                 <legend>Radio</legend>
-                <Form className="m-3">
+                <Form>
                     <FormGroup check inline>
                         <Input name="gruppo1" type="radio" id="radio3" defaultChecked />
                         <Label check htmlFor="radio3">
@@ -64,7 +64,7 @@ export const RadioDisabilitato: Story = {
         <section>
             <fieldset>
                 <legend>Radio</legend>
-                <Form className="m-3">
+                <Form>
                     <FormGroup check>
                         <Input disabled name="gruppo1" type="radio" id="radio5" defaultChecked />
                         <Label check htmlFor="radio5">

stories/Components/Form/Toggles.stories.tsx

@@ -16,7 +16,7 @@ export const Toggles: Story = {
         return (
             <Row>
                 <Col sm="6">
-                    <FormGroup check className="m-3">
+                    <FormGroup check>
                         <Toggle label="Label dell'interruttore 1" disabled={false} />
                     </FormGroup>
                 </Col>
@@ -30,7 +30,7 @@ export const TogglesDisabilitate: Story = {
         return (
             <Row>
                 <Col sm="6">
-                    <FormGroup check className="m-3">
+                    <FormGroup check>
                         <Toggle label="Label dell'interruttore 1" disabled={true} />
                     </FormGroup>
                 </Col>