Tweak reaction buttons (#11496)

- Vertical centering using flexbox
- Very slightly decreased size of the boxes

Co-authored-by: zeripath <art27@cantab.net>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
This commit is contained in:
silverwind 2020-05-19 09:17:37 +02:00 committed by GitHub
parent 6ccd19ef86
commit 50a97272b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -2197,9 +2197,12 @@
padding: 0; padding: 0;
display: flex; display: flex;
.ui.label { .ui.label,
.ui.label.visible {
max-height: 40px; max-height: 40px;
padding: 9px 15px 7px; padding: .4rem .8rem;
display: flex !important;
align-items: center;
border: 0; border: 0;
border-right: 1px solid; border-right: 1px solid;
border-radius: 0; border-radius: 0;
@ -2220,20 +2223,17 @@
} }
.reaction-count { .reaction-count {
margin-left: 4px; margin-left: .5rem;
} }
.select-reaction { .select-reaction {
float: left; display: flex;
padding: .6em; align-items: center;
line-height: 21px; padding: .5rem;
&:not(.active) a { &:not(.active) a {
display: none; display: none;
} }
> svg {
vertical-align: middle;
}
} }
&:hover .select-reaction a { &:hover .select-reaction a {