what I'm trying to do feels extremely basic but I cannot figure out how to do it and the other roll20 sheet I'm using as reference does it with like five lines of unbelievably dense css each a mile long with no comments

here's a screenshot from said sheet

if you click the gear

it pops open editable details

the gear is a 'y' in the 'Pictos' font family that roll20 has

the HTML looks like this

the gear is a span, after a hidden checkbox

I don't know why that makes the gear clickable as a checkbox

or how to replicate it

why would clicking on a span following an invisible checkbox with no hitbox toggle the checkbox

"open the CSS in the source code and see how they did it"

.sheet-ms-ship .sheet-ms-shipcargorow__cog, .sheet-m...

incomprehensible

https://jsfiddle.net/... here's a jsfiddle. I need to figure out how to set up the css

wait ok

that just happens natively

is this easier than I thought

now to answer 200 other incomprehensible questions

daydreams about paying someone else to write all my fucking css for me for life

HOW DO I MAKE TWO INPUTS AND A SPAN IN ONE DIV ALL DISPLAY ON THE SAME FRIGGING LINE

I don't understand why this always happens

I'm a software engineer with over THIRTY YEARS of experience writing code

Every single FUCKING time I have to write two lines of CSS I end up begging for help

fiddle please help me this has gotten so simple and still impossible

where it says 'aaa'

I want that to align right

I can't do it

nothing works

I SOLVED IT