Small changes

Author: Timothy Johnson

dest/devtools/panel.html

@@ -12,9 +12,9 @@
         display: flex;
         margin: 0;
         height: 100%;
+        color: rgb(74, 74, 79);
         font-size: 11px;
         font-family: monospace;
-        color: rgb(74, 74, 79);
       }
 
       ul {

dest/manifest.json

@@ -10,7 +10,7 @@
     "96": "icon-96.png",
     "128": "icon-128.png"
   },
-  "permissions": ["tabs", "webRequest", "webRequestBlocking", "<all_urls>"],
+  "permissions": ["tabs", "<all_urls>"],
   "background": {
     "scripts": ["background.js"]
   },

src/App.svelte

@@ -16,7 +16,6 @@
 <style>
   .node-tree {
     display: flex;
-    overflow: hidden;
     flex: 1 1 0;
     flex-direction: column;
   }
@@ -57,7 +56,10 @@
 {#if $rootNodes.length}
   <div class="node-tree">
     <Toolbar>
-      <input placeholder="Search Tree" bind:value={$searchValue} />
+      <input
+        type="search"
+        placeholder="Search Tree"
+        bind:value={$searchValue} />
       <VisibilityButton />
     </Toolbar>
     {#if $searchResult}

src/VisibilityButton.svelte

@@ -7,6 +7,12 @@
 <style>
   button {
     position: relative;
+    z-index: 1;
+    color: rgb(35, 38, 39);
+  }
+
+  button:active {
+    color: rgb(35, 38, 39);
   }
 
   div {
@@ -15,15 +21,13 @@
     right: 0;
     bottom: 0;
     left: 0;
-    z-index: 1;
     cursor: default;
   }
 
   ul {
     position: absolute;
     top: 32px;
     right: -20px;
-    z-index: 2;
     padding: 6px 0;
     border: 1px solid rgb(224, 224, 226);
     border-radius: 2px;