Extra padding makes it hard for users to click on tag and category under topic title

Yeah so I fiddled around with this a little and those links are just too small to be clickable by most mobile usability standards.

That said, we can do a better job at capturing these clicks and stop relying on this CSS overlap we’ve been doing… it’s always been a little fragile depending on content and doesn’t work well on all themes.

I’ve made an attempt to use JS instead (based on Clickable Topic):

This will also add the ability to make those bottom row items clickable again with a little CSS:

old CSS for reference
.mobile-view .topic-list .topic-item-stats {
    pointer-events: all;
}

Update: this CSS has changed a bit

.topic-list .topic-item-stats__category-tags { 
  .discourse-tag,
  .badge-wrapper {
    pointer-events: all; 
  }
}
9 Likes