diff --git a/packages/client/src/ui/_common_/statusbar-user-list.vue b/packages/client/src/ui/_common_/statusbar-user-list.vue index 01240dc6bc..2757e9118d 100644 --- a/packages/client/src/ui/_common_/statusbar-user-list.vue +++ b/packages/client/src/ui/_common_/statusbar-user-list.vue @@ -6,7 +6,7 @@ - + @@ -91,11 +91,18 @@ useInterval(tick, Math.max(5000, props.refreshIntervalSec * 1000), { margin-right: 8px; } + > .text { + > .text { + display: inline-block; + vertical-align: bottom; + } + } + > .divider { display: inline-block; width: 0.5px; height: 16px; - margin: 0 1em; + margin: 0 2em; background: currentColor; opacity: 0; } diff --git a/packages/client/src/ui/_common_/statusbars.vue b/packages/client/src/ui/_common_/statusbars.vue index 7b3a68ec45..c18771c54f 100644 --- a/packages/client/src/ui/_common_/statusbars.vue +++ b/packages/client/src/ui/_common_/statusbars.vue @@ -29,25 +29,30 @@ const XUserList = defineAsyncComponent(() => import('./statusbar-user-list.vue')