Links are not straight for linear arrangement

GoJS
1

We have a graph like below
image

Is there a way we can shift Start Node to Right to make link from Start to first dot straight like.
image

We are using below layout

layout: $(go.LayeredDigraphLayout, {
          direction: 90,
          packOption: go.LayeredDigraphLayout.PackStraighten,
        })

Link template:

$(
      go.Link,
      {
        selectable: true,
        reshapable: true,
        resegmentable: true,
        routing: go.Link.AvoidsNodes,
        curve: go.Link.JumpOver,
        corner: 10,
        toShortLength: 4,
        contextMenu,
        zOrder: 0,
      },
      // ...
      // rest of link template
)

Node template:

      go.Node,
      "Spot",
      $(
        go.Panel,
        go.Panel.Horizontal,

        // Left Section template
        $(
          go.Panel,
          go.Panel.Auto,
          $(go.Shape, "RoundedRectangle", {
            parameter1: 2,
          }),
          // ...
          // ...
        ),

        // dot as port
        $(go.Shape, "Circle", {
          width: 10,
          height: 10,
          margin: new go.Margin(0, 12, 0, 4),
          portId: "",
        }),

        // Right Section template
        $(
          go.Panel,
          go.Panel.Auto,
          // ...
          // ...
        )
      ),
    );

PS: We are using a common link template for other kind of flow graphs, thats the reason for not using a simpler link template

2

Which version of GoJS are you using? Try setting LayeredDigraphLayout.alignOption to AlignAll.

3

Thank you @walter. it worked.