Personally, I don’t find these elements too small on mobile. In fact, I tap on category and tags in the topic list frequently, only to find myself in the topic title instead, having to repeat the same action again, which finally brings me to the category/ tag view.
Hmm it seems something may have regressed… what I see now on iOS is that the categories tap through to the category page and the tags are a dead zone (so they don’t even click through to the topic). I can look into this. That CSS is also out of date… at the moment it would be (I’ll update that post):
I definitely understand the desire for consistency, but accidentally tapping on a category or tag instead of a topic, or tapping on the wrong category/tag is very easy… and it’s a particularly bad experience on the topic list where entering a topic is the primary action.
The minimum recommended size for a tappable element on a mobile device is generally around 45px square, and we’d have to nearly double the height of categories and tags to get there. This is possible if categories and tags are limited to a single line, but a lot of sites have enough content here for it to wrap… and spacing like this wouldn’t be great:
I could imagine redesigning categories and tags to use some kind of more button-like styling to ensure proper tap sizes, but that would be a big change that we’d want to implement throughout all of Discourse.
Thanks for the updated CSS, it works on the latest build.
Strangely, this is not my experience on mobile at all. Maybe it’s because of my right-handed use, but I always found it much more difficult to tap on the topic title than on any other elements.
I mostly use my right thumb to navigate around and it’s almost impossible to accidentally tap category and even tags most of the time, but tapping on the title itself sometimes is (because of the left alignment of text and line breaking due to narrow screen width there is mostly negative space on the right).
Fortunately, Clickable Topic Theme Component vastly improved navigation on mobile for me, where I’m now almost exclusively using the negative space in the topic list to navigate to the topic itself, and use the category and tag elements to quickly filter to category or tag view (only to be surprised, again and again, that it doesn’t work ).
I’m not sure if this is related to the screen size at all, but my mobile has a sub 6’’ screen and I never had any issues targeting those elements.
And when in the topic itself, there is even less spacing between the topic title and category and tag elements, and tapping them has alway been enabled there.