From 36e2f863eeaf2ab46204a1dacc72ce2d6bd87fb5 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 24 Oct 2018 20:42:58 -0400
Subject: [PATCH] UX: Increase size of topic title tap target on mobile

---
 app/assets/stylesheets/mobile/topic-list.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss
index f7ddaee3809..ba1c8962169 100644
--- a/app/assets/stylesheets/mobile/topic-list.scss
+++ b/app/assets/stylesheets/mobile/topic-list.scss
@@ -144,8 +144,14 @@
     max-width: 300px;
   }
 
-  a.title {
-    color: $primary;
+  .main-link {
+    line-height: $line-height-medium;
+    position: relative;
+    z-index: z("base") + 1; // Intentionally overlapping category to create bigger tap target
+    a.title {
+      color: $primary;
+      padding: 0.5em 0.667em 1.2em 0;
+    }
   }
 
   .badge-notification,
@@ -177,6 +183,9 @@
   }
 
   .topic-item-stats {
+    position: relative;
+    margin-top: 0.25em;
+    z-index: z("base");
     .category,
     .num,
     .last-poster {