diff --git a/src/webpage/localuser.ts b/src/webpage/localuser.ts index 30e6d2a..86c7837 100644 --- a/src/webpage/localuser.ts +++ b/src/webpage/localuser.ts @@ -929,7 +929,12 @@ class Localuser { if (!statuselm || !VoiceGuild || !VoiceButtons) throw new Error("Missing status element"); statuselm.textContent = I18n.Voice.status[status](); - VoiceGuild.textContent = `${channel.guild.properties.name} / ${channel.name}`; + const guildName = document.createElement("span"); + guildName.textContent = channel.guild.properties.name; + const channelName = document.createElement("span"); + channelName.textContent = channel.name; + VoiceGuild.innerHTML = ``; + VoiceGuild.append(guildName, " / ", channelName); VoiceGuild.onclick = () => { this.goToChannel(channel.id); }; diff --git a/src/webpage/style.css b/src/webpage/style.css index 935845a..81a2ee2 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -1482,6 +1482,9 @@ span.instanceStatus { font-size: 14px; cursor: pointer; width: fit-content; + span { + white-space: nowrap; + } } #VoiceGuild:hover { text-decoration: underline;