From 0ff66b3b74e586ccdfd0a3b3e469889e58b9c290 Mon Sep 17 00:00:00 2001 From: Kris Date: Wed, 13 Apr 2022 15:47:18 -0400 Subject: [PATCH] UX: minor mobile topic list alignment adjustments (#16470) * UX: minor mobile topic list alignment adjustments * use margin, not padding --- app/assets/stylesheets/mobile/topic-list.scss | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss index 02df0ef58c..66e57a7b15 100644 --- a/app/assets/stylesheets/mobile/topic-list.scss +++ b/app/assets/stylesheets/mobile/topic-list.scss @@ -117,18 +117,21 @@ max-width: 300px; } + .avatar { + margin-top: 0.15em; + } + .main-link { 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 { - display: block; color: var(--primary); padding: 0; } .topic-statuses { - padding: 0 0 0.5em 0; + padding: 0; a { line-height: 0.8; color: var(--primary-medium); @@ -136,10 +139,6 @@ } } - .topic-featured-link { - padding: 0; - } - .badge-notification, .category-topic-link td.num .badge-notification { position: relative;