diff --git a/apps/home/static/home/css/index.css b/apps/home/static/home/css/index.css index 5122fc4..1d1c958 100644 --- a/apps/home/static/home/css/index.css +++ b/apps/home/static/home/css/index.css @@ -68,12 +68,11 @@ .server-item-selector:hover, .server-item-selector:focus, .server-item-selector:active, -.server-item-selector.active { - background-color: var(--bs-tertiary-bg); +.active > .server-item-selector { + background-color: var(--bs-tertiary-bg) !important; } - /* widths */ .mw-10rem { diff --git a/apps/home/static/home/js/servers.js b/apps/home/static/home/js/servers.js index 76ffcb9..82e967e 100644 --- a/apps/home/static/home/js/servers.js +++ b/apps/home/static/home/js/servers.js @@ -67,8 +67,6 @@ function createSelectButton(serverData) { // Bind the button for selecting this server template.find(".server-item-selector").off("click").on("click", function() { - $(".server-item-selector").removeClass("active"); - $(this).addClass("active"); selectServer(id); });