diff options
author | Stephen Burgess <stephenburgess8@gmail.com> | 2017-04-25 08:16:09 -0500 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-04-25 15:16:09 +0200 |
commit | 1ce951d0be68bce4f0f61bff5f978fa5e1cd34a1 (patch) | |
tree | c368eba0eb6e2438c9296649c2005eee651a4dee /app/assets/stylesheets/components.scss | |
parent | 52c119052af534bd20422b245ca89e1b2f58f32f (diff) |
Adjust status action bar icons (#2424)
Set status action bar to have display flex and center align items so dropdown icon appears center aligned with other icons. Make styles alpha organized. Add hover state to boost icon - lighten color on hover.
Diffstat (limited to 'app/assets/stylesheets/components.scss')
-rw-r--r-- | app/assets/stylesheets/components.scss | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index 487536812..ac754b773 100644 --- a/app/assets/stylesheets/components.scss +++ b/app/assets/stylesheets/components.scss @@ -557,6 +557,8 @@ a.status__content__spoiler-link { } .status__action-bar { + align-items: center; + display: flex; margin-top: 10px; overflow: hidden; } @@ -596,10 +598,10 @@ a.status__content__spoiler-link { .detailed-status__action-bar { background: lighten($color1, 4%); - display: flex; - flex-direction: row; border-top: 1px solid lighten($color1, 8%); border-bottom: 1px solid lighten($color1, 8%); + display: flex; + flex-direction: row; padding: 10px 0; } |