fix: better menu size

src/features/menu/menu_old.css

@@ -1,4 +1,5 @@
 :root {
+  --bytm-menu-width: calc(min(70vw, 1000px));
   --bytm-menu-bg: #212121;
 }
 
@@ -16,9 +17,9 @@
 #bytm-menu {
   display: inline-block;
   position: fixed;
-  width: 50vw;
+  width: var(--bytm-menu-width);
   height: auto;
-  left: 25vw;
+  left: calc((100vw - var(--bytm-menu-width)) / 2);
   top: 10vh;
   z-index: 16;
   padding: 10px 25px;

src/features/menu/menu_old.ts

@@ -48,23 +48,22 @@ export async function addMenu() {
 
   const titleElem = document.createElement("h2");
   titleElem.id = "bytm-menu-title";
-  titleElem.classList.add("bytm-no-select");
-  titleElem.innerText = `${scriptInfo.name} - Configuration`;
+  titleElem.innerText = `${scriptInfo.name} Configuration`;
 
   const linksCont = document.createElement("div");
   linksCont.id = "bytm-menu-linkscont";
 
   const addLink = (imgSrc: string, href: string, title: string) => {
     const anchorElem = document.createElement("a");
-    anchorElem.className = "bytm-menu-link";
+    anchorElem.className = "bytm-menu-link bytm-no-select";
     anchorElem.rel = "noopener noreferrer";
     anchorElem.target = "_blank";
     anchorElem.href = href;
     anchorElem.title = title;
     anchorElem.style.marginLeft = "10px";
-        
+
     const imgElem = document.createElement("img");
-    imgElem.className = "bytm-menu-img bytm-no-select";
+    imgElem.className = "bytm-menu-img";
     imgElem.src = imgSrc;
     imgElem.style.width = "32px";
     imgElem.style.height = "32px";