Space between group image and subgraph expander button

Hi,
There is lot of space between group image and subgraph expander button when collapsed. How can i change it.
My code is like this:

goObj(go.Panel, “Horizontal”, // The picture associated to hosting platform and hidden when is collapsed
new go.Binding(“visible”, “isSubGraphExpanded”, function(e) {
return !e;
} ).ofObject(),
goObj(go.Picture, { // Picture of Hosting platform
angle : 0,
desiredSize : new go.Size(50, 50),
},
new go.Binding(“source”, “imagePath”),
//new go.Binding(“desiredSize”, “size”, go.Size.parse).makeTwoWay(go.Size.stringify)
),
generateGroupMenu(category)
),
goObj(go.Panel, “Horizontal”, // this is visible when expanded
new go.Binding(“visible”, “isSubGraphExpanded”).ofObject(),
goObj( go.TextBlock, // the lane label
{
font : “bold 10pt vzFont,Segoe UI,sans-serif”,
editable : true,
//margin : new go.Margin(2, 0, 0, 0)
}, new go.Binding(“text”, “text”).makeTwoWay()
)
),
goObj( // Group collapse/expand button
“SubGraphExpanderButton”, {
row: 0, column: 0,
margin : 3,
}
) // but this remains always visible!
), // end Horizontal Panel

There’s a saying in English: “A picture is worth a thousand words.”

Or two screenshots in this case: expanded and collapsed.

Haha, here is the screenshot.

I tried to figure out the visual tree that you’re defining in the code that you quoted, but I’m confused – I couldn’t figure out what should belong to what. Could you indent it properly please, and provide another level of Panel containing those objects?