fix(settings): avoid cropped tooltip on small devices

I changed the settings disposition to make tooltip positioning easier.
Jest complains about ref passed but everything seems to work as
expected so I'm not sure it is relevant. Maybe a bug with cloneElement.

1 files changed, 14 insertions, 3 deletions

diff --git a/src/components/molecules/forms/fieldset.stories.tsx b/src/components/molecules/forms/fieldset.stories.tsx
index 0778094..85aeb7f 100644
--- a/src/components/molecules/forms/fieldset.stories.tsx
+++ b/src/components/molecules/forms/fieldset.stories.tsx
@@ -1,6 +1,4 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { TooltipProps } from '../modals/tooltip';
-import { Help } from '../modals/tooltip.stories';
 import FieldsetComponent from './fieldset';
 import { body, legend, Tooltip } from './fieldset.fixture';
 
@@ -8,7 +6,7 @@ import { body, legend, Tooltip } from './fieldset.fixture';
  * Fieldset - Storybook Meta
  */
 export default {
-  title: 'Atoms/Forms/Fieldset',
+  title: 'Molecules/Forms/Fieldset',
   component: FieldsetComponent,
   args: {
     legendPosition: 'stacked',
@@ -28,6 +26,19 @@ export default {
         required: false,
       },
     },
+    buttonClassName: {
+      control: {
+        type: 'text',
+      },
+      description: 'Set additional classnames to the help button.',
+      table: {
+        category: 'Styles',
+      },
+      type: {
+        name: 'string',
+        required: false,
+      },
+    },
     children: {
       control: {
         type: null,