diff --git a/src/client/app/common/views/components/note-header.vue b/src/client/app/common/views/components/note-header.vue index 8192d88412..5966a5c376 100644 --- a/src/client/app/common/views/components/note-header.vue +++ b/src/client/app/common/views/components/note-header.vue @@ -2,11 +2,11 @@ <header class="bvonvjxbwzaiskogyhbwgyxvcgserpmu"> <mk-avatar class="avatar" :user="note.user" v-if="$store.state.device.postStyle == 'smart'"/> <router-link class="name" :to="note.user | userPage" v-user-preview="note.user.id">{{ note.user | userName }}</router-link> - <span class="is-verified" v-if="note.user.isVerified" title="%i18n:common.verified-user%">%fa:star%</span> <span class="is-admin" v-if="note.user.isAdmin">admin</span> <span class="is-bot" v-if="note.user.isBot">bot</span> <span class="is-cat" v-if="note.user.isCat">cat</span> <span class="username"><mk-acct :user="note.user"/></span> + <span class="is-verified" v-if="note.user.isVerified" title="%i18n:common.verified-user%">%fa:star%</span> <div class="info"> <span class="app" v-if="note.app && !mini">via <b>{{ note.app.name }}</b></span> <span class="mobile" v-if="note.viaMobile">%fa:mobile-alt%</span> @@ -68,10 +68,6 @@ export default Vue.extend({ &:hover text-decoration underline - > .is-verified - margin-right 8px - color #4dabf7 - > .is-admin > .is-bot > .is-cat @@ -95,6 +91,10 @@ export default Vue.extend({ color var(--noteHeaderAcct) flex-shrink 2147483647 + > .is-verified + margin 0 .5em 0 0 + color #4dabf7 + > .info margin-left auto font-size 0.9em