Bonds between atoms are not centered and not drawn symmetrically

[Zhirnoff]

Steps to Reproduce

1. Open Ketcher
2. Add bonds on canvas
3. Observe alignment of the bonds between atoms and symmetry in the bond drawings.

Actual behavior
Bonds between atoms are not centered and not drawn symmetrically

Expected behavior
Bonds between atoms are centered and drawn symmetrically

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Chrome
• Version 112.0.5615.138 (Official Build) (64-bit)

Ketcher version
Version 2.12.0-rc.1

[Inga-Vishnivetskaia]

Investigations on this bug:

1. drawn symmetrically: plainBondTypes ( PATTERN TYPE: SINGLE, DOUBLE, TRIPLE) (bond.b.type equals to 1, 2, 3)
2. not drawn symmetrically: type HYDROGEN, DATIVE, DOUBLE_OR_AROMATIC, SINGLE_OR_AROMATIC, SINGLE_OR_DOUBLE, AROMATIC, any (bond.b.type equals to 4, 5, 6, 7, 8, 9, 10 )

Object hb1 (rebond.ts, struct.halfBonds.get) has p prop where p.x stores the x render coordinate of bond. This is related also to the bond selection (see hover_selection_2.png). Possible solution may be to change calculation of p.x

[Zhirnoff]

Test cases are written by me.

[MartaWilliams]

Tested
Actual behaviour meets acceptance criteria

[ViktoriaTkacheva]

In two bonds (Aromatic Bond, Single/Aromatic Bond) the pattern is not symmetrical - the right dash is shorter than the left