From 517d4b3ab5a3c9c52948aec3b5b664fcfc4f7424 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Sun, 26 Nov 2023 19:11:32 +1100
Subject: [PATCH] ui improvements + remove unused code

---
 interface/src/pages/Settings.tsx | 2 +-
 src/SEQTA.js                     | 1 -
 src/css/injected.scss            | 5 +++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/interface/src/pages/Settings.tsx b/interface/src/pages/Settings.tsx
index 08c7529e..13689a2d 100644
--- a/interface/src/pages/Settings.tsx
+++ b/interface/src/pages/Settings.tsx
@@ -51,7 +51,7 @@ const Settings: React.FC = () => {
     {
       title: "Edit Sidebar Layout",
       description: "Customise the sidebar layout.",
-      modifyElement: <button onClick={() => chrome.runtime.sendMessage({ type: 'currentTab', info: 'EditSidebar' })} className='px-4 py-1 text-[0.75rem] bg-blue-500 rounded-md'>Edit</button>
+      modifyElement: <button onClick={() => chrome.runtime.sendMessage({ type: 'currentTab', info: 'EditSidebar' })} className='px-4 py-1 text-[0.75rem] dark:bg-[#38373D] bg-[#DDDDDD] dark:text-white rounded-md'>Edit</button>
     },
     {
       title: "Transparency Effects",
diff --git a/src/SEQTA.js b/src/SEQTA.js
index 311e360e..671990e4 100644
--- a/src/SEQTA.js
+++ b/src/SEQTA.js
@@ -940,7 +940,6 @@ export function OpenMenuOptions() {
       const element = ListItems[i];
 
       element.classList.add('draggable');
-      element.setAttribute('draggable', true);
       if (element.classList.contains('hasChildren')) {
         element.classList.remove('active');
         menu.firstChild.classList.remove('noscroll');
diff --git a/src/css/injected.scss b/src/css/injected.scss
index e628de8c..64e4ad80 100644
--- a/src/css/injected.scss
+++ b/src/css/injected.scss
@@ -1667,10 +1667,11 @@ body {
   --menuHidden: none;
 }
 .editmenuoption {
-  padding: 8px;
-  background: var(--better-light);
+  background: var(--background-primary);
+  color: var(--text-primary);
   border-radius: 5px;
   margin: 0 10px;
+  padding: 8px;
   cursor: pointer;
 }
 .editmenuoption-container {