fix: wrong scaling in notifications container

This commit is contained in:
Insert5StarName 2023-10-15 19:25:36 +02:00
parent 18f7067103
commit a977d4316d
2 changed files with 10 additions and 3 deletions

View file

@ -1025,7 +1025,7 @@ function readPromo() {
.root:not(.showActionsOnlyHover) { .root:not(.showActionsOnlyHover) {
.footerButton { .footerButton {
&:not(:last-child) { &:not(:last-child) {
margin-right: 18px; margin-right: 0.2em;
} }
} }
} }
@ -1035,7 +1035,7 @@ function readPromo() {
.root:not(.showActionsOnlyHover) { .root:not(.showActionsOnlyHover) {
.footerButton { .footerButton {
&:not(:last-child) { &:not(:last-child) {
margin-right: 12px; margin-right: 0.1em;
} }
} }
} }
@ -1057,7 +1057,7 @@ function readPromo() {
.root:not(.showActionsOnlyHover) { .root:not(.showActionsOnlyHover) {
.footerButton { .footerButton {
&:not(:last-child) { &:not(:last-child) {
margin-right: 8px; margin-right: 0.1em;
} }
} }
} }

View file

@ -448,6 +448,13 @@ if (props.detail) {
color: var(--fgHighlighted); color: var(--fgHighlighted);
} }
} }
@container (max-width: 400px) {
.noteFooterButton {
&:not(:last-child) {
margin-right: 0.7em;
}
}
}
.noteFooterButtonCount { .noteFooterButtonCount {
display: inline; display: inline;