fix(fotter-actions): add highlighting and min-width #312
@ -70,6 +70,8 @@
|
|||||||
.note .footer .footer-reactions {
|
.note .footer .footer-reactions {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -142,8 +144,11 @@
|
|||||||
|
|
||||||
.reaction-pill {
|
.reaction-pill {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
margin: 0px 7px;
|
||||||
margin: 0px 14px;
|
padding: 2px 4px;
|
||||||
|
min-width: 1rem;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
color: var(--font-secondary-color);
|
color: var(--font-secondary-color);
|
||||||
font-feature-settings: "tnum";
|
font-feature-settings: "tnum";
|
||||||
@ -160,6 +165,7 @@
|
|||||||
|
|
||||||
.reaction-pill:hover {
|
.reaction-pill:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
color: var(--highlight);
|
||||||
}
|
}
|
||||||
|
|
||||||
.trash-icon {
|
.trash-icon {
|
||||||
|
Loading…
Reference in New Issue
Block a user