From 42fb4faa0f3bb4c6c4c7675a2ffb0b3bd86ae960 Mon Sep 17 00:00:00 2001 From: Ram Lmn Date: Mon, 10 Apr 2017 16:32:09 +0530 Subject: Fix icon and emoji sizes (#1403) Fixes icons and emoji size issues described in #1233. --- app/assets/stylesheets/components.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'app') diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index 9aead00b5..f10fc6902 100644 --- a/app/assets/stylesheets/components.scss +++ b/app/assets/stylesheets/components.scss @@ -865,17 +865,18 @@ a.status__content__spoiler-link { .tabs-bar__link { display: block; flex: 1 1 auto; - padding: 10px 5px; + padding: 15px 10px; color: $color5; text-decoration: none; text-align: center; - font-size:12px; + font-size: 14px; font-weight: 500; border-bottom: 2px solid lighten($color1, 8%); transition: all 200ms linear; .fa { font-weight: 400; + font-size: 16px; } &.active { @@ -889,6 +890,7 @@ a.status__content__spoiler-link { } span { + margin-left: 5px; display: none; } } @@ -916,10 +918,6 @@ a.status__content__spoiler-link { @media screen and (min-width: 600px) { .tabs-bar__link { - .fa { - margin-right: 5px; - } - span { display: inline; } @@ -1423,6 +1421,8 @@ button.active i.fa-retweet { .emojione { margin: 0; + width: 100%; + height: auto; } .emoji-dialog-header { -- cgit