Fix some stuff

Author: rgantzos

extras/popup/popup.css

@@ -470,7 +470,10 @@ span.new-feature-tag.beta {
 
 .option-selection {
   text-align: right;
-  width: 100%;
+  width: calc(100% - 1rem);
+  display: flex;
+  overflow-wrap: break-word;
+  flex-wrap: wrap;
 }
 
 .option-selection span {
@@ -483,6 +486,15 @@ span.new-feature-tag.beta {
   background-color: transparent;
   color: var(--secondary-color);
   transition: background-color .3s, border .3s, color .3s;
+  display: inline-block;
+    word-break: break-word;
+    white-space: nowrap;
+    flex: 1 0 auto;
+    text-align: center;
+}
+
+.option label {
+  margin-right: 1rem;
 }
 
 .option-selection span.option-selected {

features/custom-explore/data.json

@@ -21,14 +21,14 @@
     "scripts": [
         {
             "file": "script.js",
-            "runOn": "/explore/projects/*||/"
+            "runOn": "/*"
         }
     ],
     "dynamic": true,
     "options": [
         {
-            "id": "custom-tab",
-            "name": "",
+            "id": "custom-explore-tab",
+            "name": "Tab",
             "type": 4,
             "options": [
                 {

features/custom-explore/script.js

@@ -1,21 +1,24 @@
 export default async function({ feature, console }) {
-    let tabName = ScratchTools.Storage["customtab"];
+    let ELEMENTS = []
+    let type = feature.settings.get("custom-explore-tab") || "Animations"
+
+    ScratchTools.waitForElements("a[href='/explore/projects/'], a[href='/explore/projects'], a[href='/explore/projects/all'], a[href='/explore/projects/all/']", function(a) {
+        if (a.parentElement.className.includes("sub-nav categories")) return;
+        ELEMENTS.push(a)
+
+        a.href = feature.self.enabled ? `/explore/projects/${type.toLowerCase()}/` : "/explore/projects/"
+    })
 
-    function updateRedirect() {
-        const exploreLink = document.querySelector('li.link.explore > a');
-        if (exploreLink && window.location.href === 'https://scratch.mit.edu/explore/projects/all') {
-            exploreLink.href = `https://scratch.mit.edu/explore/projects/${tabName}`;
-            window.location.href = exploreLink.href;
+    function updateRedirects() {
+        for (var i in ELEMENTS) {
+            ELEMENTS[i].href = feature.self.enabled ? `/explore/projects/${type.toLowerCase()}/` : "/explore/projects/"
         }
     }
 
-    await ScratchTools.waitForElement('li.link.explore > a');
-    updateRedirect();
-
-    feature.options.addEventListener('changed', async ({ key, value }) => {
-        if (key === 'customtab') {
-            tabName = value;
-            updateRedirect();
-        }
-    });
+    feature.addEventListener("disabled", updateRedirects)
+    feature.addEventListener("enabled", updateRedirects)
+    feature.settings.addEventListener("changed", function({ value }) {
+        type = value
+        updateRedirects()
+    })
 }

features/features.json

@@ -1,7 +1,7 @@
 [
   {
     "version": 2,
-    "id": "custom-explore-redirect",
+    "id": "custom-explore",
     "versionAdded": "v3.10.0"
   },
   {