align examples in size and configuration

Author: haschek

src/extensions/react-flow/edges/stories/EdgeDefaultV12.stories.tsx

@@ -52,7 +52,7 @@ const EdgeDefault = (args: Edge) => {
                     },
                 ],
             },
-            position: { x: 50, y: 0 },
+            position: { x: 50, y: 200 },
         },
         {
             id: args.target,
@@ -74,7 +74,7 @@ const EdgeDefault = (args: Edge) => {
                     },
                 ],
             },
-            position: { x: 300, y: 0 },
+            position: { x: 600, y: 200 },
         },
     ]);
 
@@ -113,7 +113,6 @@ const EdgeDefault = (args: Edge) => {
                 onNodesChange={onNodesChange}
                 onEdgesChange={onEdgesChange}
                 onConnect={onConnect}
-                fitView
             />
         </div>
     );

src/extensions/react-flow/nodes/stories/NodeContentV12.stories.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useState } from "react";
 import { LoremIpsum, loremIpsum } from "react-lorem-ipsum";
 import { Meta, StoryFn } from "@storybook/react";
-import { Node, Position, ReactFlow, ReactFlowProvider, useNodesState } from "@xyflow/react";
+import { Node, ReactFlow, ReactFlowProvider, useNodesState } from "@xyflow/react";
 
 import { Definitions } from "../../../../common/Intent";
 import { NodeDefaultV12 } from "../NodeDefaultV12";
@@ -248,11 +248,9 @@ Default.args = {
         {
             type: "target",
             tooltip: "this is a target handle",
-            position: Position.Left,
         },
         {
             type: "source",
-            position: Position.Bottom,
             data: { extendedTooltip: "this is a source handle" },
         },
     ],