Fix a few things

Author: rgantzos

api/modal.css

@@ -12,14 +12,16 @@
 
 .st-modal {
   position: fixed;
-  top: 15rem;
+  top: 50%;
   width: calc(40% - 4rem);
   padding: 2rem;
   left: 30%;
   background-color: #fafafa;
   border-radius: 0.5rem;
-  padding-top: 3rem;
+  padding-top: 1rem;
   z-index: 2147483647;
+  transform: translateY(-50%);
+  border-top: 1rem solid #ff9f00;
 }
 
 .st-modal h1 {

api/modals.js

@@ -24,9 +24,6 @@ ScratchTools.modals = {
     p.textContent = data.description;
     modal.appendChild(p);
 
-    var orangeBar = document.createElement("div");
-    orangeBar.className = "st-modal-header";
-
     data.components?.forEach(function (component) {
       if (component.type === "code") {
         var code = document.createElement("code");
@@ -46,7 +43,6 @@ ScratchTools.modals = {
     modal.appendChild(closeButton);
 
     div.appendChild(modal);
-    modal.prepend(orangeBar);
     document.body.appendChild(div);
 
     return {

features/explore-filter/data.json

@@ -1,48 +1,51 @@
 {
-    "title": "Explore Filter",
-    "description": "Customize project and studio search results with filters on the Search, Explore, and Studio pages.",
-    "credits": [
-        { "username": "Masaabu-YT", "url": "https://scratch.mit.edu/users/Masaabu-YT/" }
-    ],
-    "type": ["Website"],
-    "tags": ["New", "Featured"],
-    "dynamic": true,
-    "options": [
+  "title": "Explore Filter",
+  "description": "Customize project and studio search results with filters on the Search, Explore, and Studio pages.",
+  "credits": [
+    {
+      "username": "Masaabu-YT",
+      "url": "https://scratch.mit.edu/users/Masaabu-YT/"
+    }
+  ],
+  "type": ["Website"],
+  "tags": ["New", "Featured"],
+  "dynamic": true,
+  "options": [
+    {
+      "id": "filter-operation",
+      "name": "Filter operation",
+      "type": 4,
+      "options": [
         {
-            "id": "filter-operation",
-            "name": "Filter operation",
-            "type": 4,
-            "options": [
-                {
-                    "name": "Hide",
-                    "value": "hide"
-                },
-                {
-                    "name": "Blur",
-                    "value": "blur"
-                }
-            ]
+          "name": "Blur",
+          "value": "blur"
         },
         {
-            "id": "keep-settings",
-            "name": "Keep filter setting even if you change pages",
-            "type": 1
+          "name": "Hide",
+          "value": "hide"
         }
-    ],
-    "scripts": [
-        { "file": "script.js", "runOn": "/explore/*" },
-        { "file": "script.js", "runOn": "/search/*" },
-        { "file": "script.js", "runOn": "/studios/*" }
-    ],
-    "styles": [
-        { "file": "style.css", "runOn": "/explore/*" },
-        { "file": "style.css", "runOn": "/search/*" },
-        { "file": "style.css", "runOn": "/studios/*" }
-    ],
-    "resources": [
-        { "name": "filter-icon", "path": "/resources/filter.svg" },
-        { "name": "title-icon", "path": "/resources/title.svg" },
-        { "name": "user-icon", "path": "/resources/user.svg" },
-        { "name": "calendar-icon", "path": "/resources/calendar.svg" }
-    ]
-}
+      ]
+    },
+    {
+      "id": "keep-settings",
+      "name": "Keep filter setting even if you change pages",
+      "type": 1
+    }
+  ],
+  "scripts": [
+    { "file": "script.js", "runOn": "/explore/*" },
+    { "file": "script.js", "runOn": "/search/*" },
+    { "file": "script.js", "runOn": "/studios/*" }
+  ],
+  "styles": [
+    { "file": "style.css", "runOn": "/explore/*" },
+    { "file": "style.css", "runOn": "/search/*" },
+    { "file": "style.css", "runOn": "/studios/*" }
+  ],
+  "resources": [
+    { "name": "filter-icon", "path": "/resources/filter.svg" },
+    { "name": "title-icon", "path": "/resources/title.svg" },
+    { "name": "user-icon", "path": "/resources/user.svg" },
+    { "name": "calendar-icon", "path": "/resources/calendar.svg" }
+  ]
+}