Vertical structure

[AlexandreSajus]

To help with lowering the barrier of entry between Jupyter and Pyflow, we could adopt a vertical structure where blocks are aligned top to bottom instead of left to right.

A good first step towards this would be having top and bottom sockets

[MathisFederico]

To help with lowering the barrier of entry between Jupyter and Pyflow, we could adopt a vertical structure where blocks are aligned top to bottom instead of left to right.

A good first step towards this would be having top and bottom sockets

Yup, clearly one of the best ideas, flow should be from up to down as this is how you write lines of code !

[FabienRoger]

Sockets are now on the top and bottom of each block (in the middle of each block side, evenly spaced out if there is > 1 socket).

[FabienRoger]

The new look of post-conversion ipynb

I increased the height of each block to be greater than "just the code" so that a few lines of codes can be added without having to move everything down.
This is a quick fix, but I am afraid that we should think of something a bit more clever to allow the user to insert code / blocks in the middle of the graph without having to manually push everything down each time.

[FabienRoger]

This is a quick fix, but I am afraid that we should think of something a bit more clever to allow the user to insert code / blocks in the middle of the graph without having to manually push everything down each time.

See #228 For a way of fixing this