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') {