Tweaking speed, removing TODOs

src/popup.css

@@ -15,6 +15,7 @@
   --toggle-margin-right: 5px;
 
   --speed-fast: .1s;
+  --speed-moderate: .2s;
   --speed-slow: .3s;
 
   --spacer-tiny: 2px;
@@ -202,7 +203,7 @@ button:not(.delete):active > svg {
 
 #toggle:active {
   background-color: var(--button-state-disabled-bg);
-} /*TODO is this redundant? */
+}
 
 #toggle.is-on {
   background-color: var(--button-state-enabled-bg);
@@ -215,7 +216,7 @@ button:not(.delete):active > svg {
 
 #toggle.is-on:active {
   background-color: var(--button-state-enabled-bg);
-} /*TODO same deal as above */
+}
 
 
 
@@ -517,11 +518,13 @@ button:not(.delete):active > svg {
 }
 
 .reveal-slow {
-  transition:
+  transition: all var(--speed-slow) ease-out !important;
-    all var(--speed-slow) ease-out !important;
+}
+
+.reveal-moderate {
+  transition: all var(--speed-moderate) ease-out !important;
 }
 
 .reveal-fast {
-  transition:
+  transition: all var(--speed-fast) ease-out !important;
-    all var(--speed-fast) ease-out !important;
 }

src/popup.js

@@ -10,7 +10,6 @@ function init() {
   document.querySelector("#restore").addEventListener("click", restore);
 }
 
-/*TODO except browser like about*/
 /* Loads and displays information about the current domain */
 function loadDomain() {
   let tabs = browser.tabs.query({ active: true, currentWindow: true });
@@ -160,7 +159,7 @@ function saveAlso() {
 /* Creates the HTML for a new also replacement */
 function createLi(index) {
   const li = document.createElement("li");
-  li.classList.add("reveal-slow");
+  li.classList.add("reveal-moderate");
 
   const lhs = document.createElement("input");
   lhs.type = "text";