From 96b46170941f9ef8f492a993b0fbcbf591a1e9ae Mon Sep 17 00:00:00 2001 From: Kris Date: Tue, 27 Feb 2018 10:46:21 -0500 Subject: [PATCH] Fixing category title with logo image layout --- app/assets/stylesheets/common/base/_topic-list.scss | 7 ++++--- app/assets/stylesheets/common/base/category-list.scss | 7 ------- 2 files changed, 4 insertions(+), 10 deletions(-) diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss index 2389c72e9d..15f361a0c2 100644 --- a/app/assets/stylesheets/common/base/_topic-list.scss +++ b/app/assets/stylesheets/common/base/_topic-list.scss @@ -32,12 +32,13 @@ .category-list { .category-name { - display: block; - max-width: 35vw; + display: inline-block; + max-width: 30vw; overflow: hidden; text-overflow: ellipsis; + vertical-align: text-bottom; @media screen and (max-width: 630px) { - max-width: 75vw; //single-column + max-width: 65vw; //single-column } } &.with-topics { diff --git a/app/assets/stylesheets/common/base/category-list.scss b/app/assets/stylesheets/common/base/category-list.scss index f40848161c..62faa65cfe 100644 --- a/app/assets/stylesheets/common/base/category-list.scss +++ b/app/assets/stylesheets/common/base/category-list.scss @@ -1,10 +1,3 @@ -.category-list { - .category-title-link { - display: inline-flex; - align-items: baseline; - } -} - .category-boxes, .category-boxes-with-topics { display: flex; flex-wrap: wrap;