UX: mobile topic list fixes follow-up to 0e371d4 (#14959)

UX: mobile topic list fixes follow-up to 0e371d4 (#14959)

diff --git a/app/assets/javascripts/discourse/app/templates/mobile/list/topic-list-item.hbr b/app/assets/javascripts/discourse/app/templates/mobile/list/topic-list-item.hbr
index ae3b4bf..b53847c 100644
--- a/app/assets/javascripts/discourse/app/templates/mobile/list/topic-list-item.hbr
+++ b/app/assets/javascripts/discourse/app/templates/mobile/list/topic-list-item.hbr
@@ -1,4 +1,4 @@
-<td>
+<td class="topic-list-data">
   {{~raw-plugin-outlet name="topic-list-before-columns"}}
   {{~#if showMobileAvatar}}
   <div class='pull-left'>
diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index c6df0ad..080fc08 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -122,6 +122,7 @@ ol.category-breadcrumb {
     line-height: $line-height-medium;
     position: relative;
     z-index: z("base") + 1; // Intentionally overlapping category to create bigger tap target
+    font-size: var(--font-up-1);
     a.title {
       color: var(--primary);
       padding: 0.5em 0 1.2em 0;
@@ -162,7 +163,7 @@ ol.category-breadcrumb {
 
   .topic-item-stats {
     position: relative;
-    margin-top: 0.25em;
+    margin-top: 0.5em;
     z-index: z("base");
     .category,
     .num,
@@ -229,7 +230,6 @@ ol.category-breadcrumb {
   }
 
   .posts {
-    width: 10%;
     vertical-align: top;
   }
 
@@ -434,9 +434,12 @@ td .main-link {
   }
 }
 .topic-list {
-  .num.posts-map button {
+  .num.posts-map {
     font-size: $font-up-2;
     padding: 0;
+    button {
+      padding: 0;
+    }
   }
   .num.activity a {
     padding: 0;

GitHub sha: 8b5dec46072684c36b683498661c748a74e19d3d

This commit appears in #14959 which was approved by pmusaraj. It was merged by awesomerobot.