Excess right-padding when displaying expanded nodes in graph view #1058
Description
When displaying expanded nodes in a Tensorboard graph, a large amount of empty space is generated on the right side of node. The name is centered in the expanded node, but sub-nodes are positioned off to the left, suggesting a miscalculation of the space required to display the sub-nodes without clipping or excess right-padding (possibly to allocate space for something that isn't required?).
For operations connected in series, the excess space is about 2/3 of the total space, and the issue becomes more pronounced/significant the more nested layers are expanded. Issue occurs across both Chrome and Firefox.
Simple graph consisting of a single conv2d node.
The highest-level node of a more complex graph with multiple branches in parallel.
The same graph as above when the branches are expanded. Most of the display space is wasted on excess padding as the issue occurs with each expanded node. Note that the excess space used is the same between the top-level node and the lower-level nodes, implying a constant excess rather than one proportional to the size of rest of the node.
Setup details:
- TensorBoard/TensorFlow version = 1.6.0
- OS Platform and version = Windows 10
- Python version = 3.6.4
- Browser type and version = Chrome 64.0.3282.186/Firefox 59.0