(#6uaf4fq) @ullarah@txt.quisquiliae.com Fantastic, It feels so comfy!

Just one issue i noticed, on mobile the first button .replyBtn have the ::after element under the icon pushing the label.

It seems to fix if you use:

.replyBtn .ti {
    white-space: pre;
}

(#6uaf4fq) @prologic@twtxt.net Thanks, glad to help! 👍

I have a soft spot for CSS for it’s simplicity and flexibility.

I’m not much of a UX/UI expert but I love searching for design and concepts and sometimes end up putting together fun ideas just for building something that “looks/feels nice”. 😎

(#6uaf4fq) @ullarah@txt.quisquiliae.com I first noticed on my phone on Chrome then on PC the issue was still there on Chromium on Linux.

I should expand on my definition of flexibility:

Regarding CSS, the general rules on CSS often seems complex but once I started using Suit CSS on plain projects (or BEM if you prefer) and CSS Modules with bundlers plus dropping any kind of framework, the only limitations became how CSS worked natively.

I also started using CSS Flexbox and CSS Grid for anything on layouts and all my problems vanished.

I also use CSS over JS for most of my interfaces, instead of replacing a section I just hide or move it with CSS allowing me to change many parts by just switching a simple class.

(#6uaf4fq) @ullarah@txt.quisquiliae.com On simplicity I meant. 🙃