diff --git a/Server/wwwroot/css/Themes/cyborg.custom.css b/Server/wwwroot/css/Themes/cyborg.custom.css
index fe4b23ac..4921ac65 100644
--- a/Server/wwwroot/css/Themes/cyborg.custom.css
+++ b/Server/wwwroot/css/Themes/cyborg.custom.css
@@ -116,7 +116,7 @@ button.navbar-toggler:hover {
color: limegreen;
}
-td .fa-times {
+td > .fa-times {
color: red;
}
diff --git a/Server/wwwroot/css/Themes/yeti.custom.css b/Server/wwwroot/css/Themes/yeti.custom.css
index d8449965..d2beed4b 100644
--- a/Server/wwwroot/css/Themes/yeti.custom.css
+++ b/Server/wwwroot/css/Themes/yeti.custom.css
@@ -112,7 +112,7 @@ button.navbar-toggler:hover {
color: forestgreen;
}
-td .fa-times {
+td > .fa-times {
color: red;
}
diff --git a/Server/wwwroot/src/Main/DataGrid.ts b/Server/wwwroot/src/Main/DataGrid.ts
index 7210a371..276f52ec 100644
--- a/Server/wwwroot/src/Main/DataGrid.ts
+++ b/Server/wwwroot/src/Main/DataGrid.ts
@@ -162,6 +162,10 @@ export function RenderDeviceRows() {
Edit
+
+
+ Remove
+
`;
@@ -180,7 +184,9 @@ export function RenderDeviceRows() {
(recordRow.querySelector(".device-viewonly-button") as HTMLButtonElement).onclick = (ev) => {
AddConsoleOutput("Launching remote control on client device...");
BrowserHubConnection.StartRemoteControl(device.ID, true);
-
+ };
+ (recordRow.querySelector(".device-remove-button") as HTMLButtonElement).onclick = (ev) => {
+ BrowserHubConnection.Connection.invoke("RemoveDevices", [ device.ID ]);
};
}
}