From 962f4dec6d3eacf2893d9aa879a355cdb749efd0 Mon Sep 17 00:00:00 2001
From: redphx <96280+redphx@users.noreply.github.com>
Date: Mon, 8 Jul 2024 17:45:38 +0700
Subject: [PATCH] Minor update

---
 src/assets/css/global-settings.styl | 10 ++++++++--
 src/modules/ui/global-settings.ts   | 11 ++++++-----
 src/types/index.d.ts                |  1 +
 src/utils/global.ts                 |  1 +
 4 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/global-settings.styl b/src/assets/css/global-settings.styl
index c9f8382..297aa66 100644
--- a/src/assets/css/global-settings.styl
+++ b/src/assets/css/global-settings.styl
@@ -48,11 +48,17 @@
         text-decoration: none;
         font-weight: bold;
         display: block;
-        color: #5dc21e;
         flex: 1;
+        text-transform: none;
+
+        span {
+            color: #5dc21e !important;
+        }
 
         &:focus {
-            color: #83f73a;
+            span {
+                color: #83f73a !important;
+            }
         }
     }
 
diff --git a/src/modules/ui/global-settings.ts b/src/modules/ui/global-settings.ts
index a3e0d4d..20ab05d 100644
--- a/src/modules/ui/global-settings.ts
+++ b/src/modules/ui/global-settings.ts
@@ -132,11 +132,12 @@ export function setupSettingsUi() {
 
     const $wrapper = CE('div', {'class': 'bx-settings-wrapper'},
             CE('div', {'class': 'bx-settings-title-wrapper'},
-                CE('a', {
-                    'class': 'bx-settings-title',
-                    'href': 'https://github.com/redphx/better-xcloud/releases',
-                    'target': '_blank',
-                }, 'Better xCloud ' + SCRIPT_VERSION),
+                createButton({
+                    classes: ['bx-settings-title'],
+                    style: ButtonStyle.FOCUSABLE | ButtonStyle.GHOST,
+                    label: 'Better xCloud ' + SCRIPT_VERSION,
+                    url: 'https://github.com/redphx/better-xcloud/releases',
+                }),
                 createButton({
                     icon: BxIcon.QUESTION,
                     style: ButtonStyle.FOCUSABLE,
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
index a2fe2f5..1afe3a5 100644
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -36,6 +36,7 @@ type BxStates = {
     };
 
     userAgent: {
+        isTv: boolean;
         capabilities: {
             touch: boolean;
         };
diff --git a/src/utils/global.ts b/src/utils/global.ts
index a7c8f1e..33df313 100644
--- a/src/utils/global.ts
+++ b/src/utils/global.ts
@@ -25,6 +25,7 @@ export const STATES: BxStates = {
     },
 
     userAgent: {
+        isTv: isTv,
         capabilities: {
             touch: userAgentHasTouchSupport,
         }