diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss index 2389c72e9d8..15f361a0c27 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 f40848161c7..62faa65cfe2 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;