From 38b9af76a2365b2099dd2d6a77225a4ace8c290f Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Fri, 2 Mar 2018 04:35:49 +0100 Subject: Improve style of web UI account tabs (#6589) --- app/javascript/styles/mastodon/components.scss | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) (limited to 'app') diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index fe9e03fc9..699abf990 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -4631,22 +4631,24 @@ a.status-card { } .account__section-headline { - background: lighten($ui-base-color, 2%); - border-bottom: 1px solid lighten($ui-base-color, 4%); + background: darken($ui-base-color, 4%); + border-bottom: 1px solid lighten($ui-base-color, 8%); cursor: default; display: flex; a { display: block; - color: $ui-base-lighter-color; - padding: 15px 10px; + flex: 1 1 auto; + color: $ui-primary-color; + padding: 15px 0; font-size: 14px; font-weight: 500; + text-align: center; text-decoration: none; position: relative; &.active { - color: $ui-highlight-color; + color: $ui-secondary-color; &::before, &::after { @@ -4660,7 +4662,7 @@ a.status-card { transform: translateX(-50%); border-style: solid; border-width: 0 10px 10px; - border-color: transparent transparent lighten($ui-base-color, 4%); + border-color: transparent transparent lighten($ui-base-color, 8%); } &::after { -- cgit