Cannot purchase card when gem cost overlaps buy button

[owendelong]

I reserved a card and the gem cost markers on top of the card are very large. So large that the cost overlaps the buy button (and goes beyond the bounds of the card).

The buy button on the card cannot be clicked even though I have sufficient discount to buy the reserved card for free.

[owendelong]

I'm happy to look at this a little bit if you can provide a pointer to the right piece of the code to look at. I'm not well versed in Javascript (though I know some) and almost completely ignorant about CSS, but if you can point me to where the size/shape of the gems are rendered, I can probably figure this out.

[inclement]

Thanks for the bug report and sorry for not replying for so long - I haven't looked at this repository in quite a while!

I'm afraid I can't point to exactly where the bug is, my own CSS knowledge is quite poor (hence the fairly janky UI in the first place). Even if diving into this myself, I'd probably start by checking with web browser inspector tools to see what styles are being applied where from https://github.com/inclement/lapidary-ai/blob/master/webgui/style.css .