diff --git a/client/src/components/Masthead/Masthead.vue b/client/src/components/Masthead/Masthead.vue index a26eaa7dff39..e3160ae786dd 100644 --- a/client/src/components/Masthead/Masthead.vue +++ b/client/src/components/Masthead/Masthead.vue @@ -126,6 +126,12 @@ onMounted(() => { @click="openUrl('/about')" /> + { cursor: pointer; text-decoration: none; color: var(--masthead-text-color); + margin-right: 0.25rem; &:hover { color: var(--masthead-text-hover); } &.nav-icon { - font-size: 1em; + font-size: 1.2em; .nav-note { position: absolute; - left: 1.4rem; - top: 1.4rem; + left: 1.6rem; + top: 1.6rem; font-size: 0.4rem; font-weight: bold; } diff --git a/client/src/components/Masthead/MastheadItem.vue b/client/src/components/Masthead/MastheadItem.vue index 12d1df9f3f4b..b504eeff616f 100644 --- a/client/src/components/Masthead/MastheadItem.vue +++ b/client/src/components/Masthead/MastheadItem.vue @@ -44,7 +44,7 @@ const props = defineProps({ v-b-tooltip.hover.bottom :href="withPrefix(url)" :target="target || '_parent'" - link-classes="nav-icon" + :link-classes="{ 'nav-icon': !!icon, 'toggle': toggle }" :title="tooltip" @click="$emit('click')">