ropey | A utf8 text rope for manipulating and editing large texts | Text Editor library

I've almost got this working but I just need a bit of help with the formatting of the column. I have a SharePoint list with a text column, the data that is entered into this column is a version number. The JSON creates a red/amber/green circle based on the version number i.e. less than 6.4 = red, 6.4-6.9 = amber and 7+ = green. I've also kept the text value so this shows within the circle, as you can see here. SharePoint RAG column

The issue I have is I can't get the circle or text to centre on the column, as you can see from my code below I am cheating by using padding, this gets the circle where I want but the text is still jammed up against the left of the column. As you can tell my JSON is a bit ropey so any help would be gratefully received.

I'm trying to make a simple game using P5.js library where a ball is attached to a pin with a rope and it must not exceed the rope lenght when it falls down. The ball must fall until it reaches the distance from the pin equal to the rope length. How can I do it? I just need it working with the y axis.

here is some code:

I am trying to clean up some ropey data which I want to add to an SQLAlchemy database to ensure it is of the right type. So I'm trying to e.g. truncate strings to the correct column length.

I've tried creating a constructor which then uses getattr() and setattr() in an attempt to enforce this. But for some reason the strings aren't being truncated etc.. Any suggestions?