Suggestion: move row edit icons to the left

[simonw]

They currently look like this:

They are jagged because different IDs have different lengths.

Here's what they look like on the left instead:

[simonw]

I prototyped that by adding this to the .row-icon CSS:

padding-right: 0.25rem;
position: relative;
top: -0.1rem;

Then running this JavaScript in the console:

document.querySelectorAll('.row-icon').forEach(el => {
  el.parentNode.insertBefore(el, el.parentNode.firstChild)
})