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.
This commit is contained in:
Stephen Burgess 2017-04-25 08:16:09 -05:00 committed by Eugen Rochko
parent 52c119052a
commit 1ce951d0be
2 changed files with 8 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@ -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;
}