How to edit the styling of the main code?

[WolFoXJotei]

Hello! I wanted to express my deep appreciation for this addon, as I am truly impressed by its capabilities and can only agree with all the positive comments.

Today, I have a question for you regarding access to edit the main code that is inserted through the buttons or bulk import feature. Specifically, I would like to adjust the margin between elements, reducing the excessive spacing between moras. Additionally, I would like to decrease the vertical distance between circles. As a last thing, I want the font in the addon to be chosen from the main CSS style code. In essence, I am looking to modify the spacing between elements in both the vertical and horizontal directions to create a more compact appearance and match it with other parts of the card in style.

Furthermore, I have found an alternative method to visually and elegantly separate the word and its reading, so the mandatory HR tag is a bothering thing. This is how it looks now if I do not delete the main formatting style and structure and just add the pitch plugin after that.

Therefore, having access to edit the source code that will be subsequently installed into the words in the deck would be incredibly beneficial. This way, I could not only change the color but also customize the overall appearance to fully align with my specific needs.

Thank you very much for considering my request, and once again, I am grateful for the wonderful work you have done with this addon.

[IllDepence]

Hi, sorry for the late reply.

As for the <hr> tag: it’s added as a separator whenever the pitch is requested to be put in a field that already contains something (i.e. not a dedicated field just for the pitch). To prevent the <hr> tag you can therefore either

1. use a dedicated field for the pitch to be added, or
2. change the source code in src/util.py line 366 and change/remove the separator

Regarding the spacing of things within the pitch illustration, if it goes beyond what can be done via CSS, you can modify
src/draw_pitch.py, where all the default positioning and styling of the SVG elements happens.

Hope this helps.