diff --git a/packages/frontend/src/components/MkInstanceTicker.vue b/packages/frontend/src/components/MkInstanceTicker.vue index fae22baa3..f148f2f01 100644 --- a/packages/frontend/src/components/MkInstanceTicker.vue +++ b/packages/frontend/src/components/MkInstanceTicker.vue @@ -49,6 +49,7 @@ $height: 2ex; border-radius: 4px 0 0 4px; overflow: clip; color: #fff; + margin: -.5em 0 0 0; text-shadow: /* .866 ≈ sin(60deg) */ 1px 0 1px #000, .866px .5px 1px #000, diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue index c425c5d3b..115fc3981 100644 --- a/packages/frontend/src/components/MkNoteHeader.vue +++ b/packages/frontend/src/components/MkNoteHeader.vue @@ -84,7 +84,7 @@ const mock = inject('mock', false); .name { flex-shrink: 1; display: block; - margin: 0 .5em 0 0; + margin: .5em .5em 0 0; padding: 0; overflow: hidden; font-size: 1em; @@ -109,10 +109,10 @@ const mock = inject('mock', false); .username { flex-shrink: 9999999; - margin: 0 .5em 0 0; + margin: -.2em .5em .5em 0; overflow: hidden; text-overflow: ellipsis; - font-size: 90%; + font-size: 92%; opacity: 0.8; &::-webkit-scrollbar {