From 6a9ed9305476c86028b404bf9551750e5b395d43 Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Wed, 2 Oct 2024 16:39:36 +0100
Subject: [PATCH] fix style issue when clicking active server in sidebar

---
 apps/home/static/home/css/index.css | 5 ++---
 apps/home/static/home/js/servers.js | 2 --
 2 files changed, 2 insertions(+), 5 deletions(-)

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);
     });