cheeaun, 25 days ago

@ayo the a is inline element?

ayo, 25 days ago

@cheeaun Let me check

ayo, 25 days ago

@cheeaun The a is inside a div.card_avatar and I add the content for the line after that div (I dont know if that answers the question😬) https://git.sr.ht/~ayoayco/threads/tree/main/item/templates/threads.html#L259

cheeaun, 25 days ago

@ayo oh ok, I just inspected.

Screen recording of me inspecting various elements in the browser devtools Inspector, adding few styles to see the dimensions, fixing some misalignment and figuring out what's the intention behind the code.

ayo, 25 days ago

@cheeaun perfect! Thanks so much 🙏

cheeaun, 25 days ago

@ayo no problem. To be honest, your CSS code ain't uh… pretty 😂 .card { margin-left: -40px } is quite hacky lol

ayo, 25 days ago

@cheeaun haha yeah I’m not very good at this. I had same funny code comments there before like that, but I think I removed. Also have to break down the big template and extract .html just for the cards,

ayo, 25 days ago

@cheeaun check this out! 😂

ayo, 25 days ago

i don't understand why 26px looks more centered than 25px ... in any case I think 24px would look more centered than 26px... is it my face maybe

ayo, 25 days ago (edited 19 days ago)

anyway, it's live: https://ayo.ayco.io/threads/112461583113763423

👉 commit: https://git.sr.ht/~ayoayco/threads/commit/9123638181396d9283fafdb9d82b8a4b41fa040b

ayo, 25 days ago

Time for breakfast