Fix : Fixed arrow when contentStyle has textAlign center (#222)

Added story for centered text
Fixed arrow in cases where the contentStyle has textAlign set to center

Author: raRaRa

src/index.css

@@ -32,4 +32,8 @@ default style for popup
   stroke: #d7d7d7;
   stroke-dasharray: 30px;
   stroke-dashoffset: -54px;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
 }

stories/Tooltip.stories.tsx

@@ -21,7 +21,14 @@ const Template: Story<PopupProps> = args => (
 export const SimpleTooltip = Template.bind({});
 
 SimpleTooltip.args = {
-  trigger: <button> click Me </button>,
+  trigger: <button> Click Me </button>,
+};
+
+export const CenteredTextTooltip = Template.bind({});
+
+CenteredTextTooltip.args = {
+  trigger: <button> Click Me </button>,
+  contentStyle: {textAlign: 'center'}
 };
 
 const PositionsTooltipTemplate: Story<PopupProps> = args => (