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