fix expando alignment

the + and x glyphs were off center for me
this should make it more resilient

Signed-off-by: Robert Günzler <r@gnzler.io>
This commit is contained in:
Robert Günzler 2023-07-17 21:09:00 +09:00
parent 8c7aabab72
commit 4e0d93b8bb
No known key found for this signature in database
GPG key ID: 2143BD2AAB94BCC4

View file

@ -455,26 +455,19 @@ form.nsfw div {
margin: 0px 4px 0px 0px; margin: 0px 4px 0px 0px;
cursor: pointer; cursor: pointer;
float: left; float: left;
text-align: center;
line-height: 23px;
} }
.expando-button::before{ .expando-button::before{
content: "+"; content: "+";
float: left;
position: relative;
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
left: 11px;
top: 3px;
} }
.open.expando-button { .open.expando-button {
border-radius: 30px; border-radius: 30px;
} }
.open.expando-button::before { .open.expando-button::before {
content: "x"; content: "x";
color: #fff;
left: 7px;
top: 0px;
font-weight: bold;
font-family: sans-serif;
} }
.expando-button:hover{ .expando-button:hover{
background-color: #466599; background-color: #466599;