diff --git a/better-xcloud.user.js b/better-xcloud.user.js index b7524ee..604bb6e 100644 --- a/better-xcloud.user.js +++ b/better-xcloud.user.js @@ -2735,7 +2735,6 @@ const Icon = { COPY: '', TRASH: '', CURSOR_TEXT: '', - INFO: '', BOOK: '', REMOTE_PLAY: '', @@ -7815,20 +7814,23 @@ div[class*=StreamMenu-module__menuContainer] > div[class*=Menu-module] { } .bx-quick-settings-tab-contents h2 { + margin-bottom: 8px; + display: flex; + align-item: center; +} + +.bx-quick-settings-tab-contents span { + display: inline-block; font-size: 28px; font-weight: bold; - margin-bottom: 8px; text-transform: uppercase; text-align: left; - display: flex; + flex: 1; + height: 32px; + line-height: 32px; } .bx-quick-settings-tab-contents h2 a { - display: flex; - width: 16px; - height: 16px; - margin-left: 8px; - align-selft: flex-start; } .bx-quick-settings-tab-contents input[type="range"] { @@ -9765,8 +9767,8 @@ function setupQuickSettingsBar() { for (const settingGroup of settingTab.items) { $group.appendChild(CE('h2', {}, - settingGroup.label, - settingGroup.help_url && CE('a', {href: settingGroup.help_url, target: '_blank'}, createSvgIcon(Icon.INFO, 4)), + CE('span', {}, settingGroup.label), + settingGroup.help_url && createButton({icon: Icon.BOOK, isGhost: true, url: settingGroup.help_url, title: __('help')}), )); if (settingGroup.note) { if (typeof settingGroup.note === 'string') {