From 1e51be923cf7c043a049d2dcf3d3c4192f432b40 Mon Sep 17 00:00:00 2001 From: Kris Date: Fri, 9 Feb 2018 12:43:15 -0500 Subject: [PATCH] UX: Improving post-link alignment --- app/assets/stylesheets/common/base/topic.scss | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss index b3f2a8cecef..2a3acfa00fc 100644 --- a/app/assets/stylesheets/common/base/topic.scss +++ b/app/assets/stylesheets/common/base/topic.scss @@ -201,6 +201,9 @@ a.badge-category { margin-top: 1em; padding-top: 1em; border-top: 1px solid $primary-low; + li:last-of-type { + margin-bottom: 1em; + } } .expand-links { @@ -208,9 +211,13 @@ a.badge-category { } .track-link { - padding-left: 0; - display: inline-block; - overflow: hidden; + display: flex; + align-items: center; + span:not(.badge) { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } } ul { @@ -226,9 +233,8 @@ a.badge-category { margin-left: 0.5em; } i { - float: left; font-size: $font-down-2; - margin: 0.3em 0.5em 0 0; + margin: 0 0.5em 0 0; } } }