chore: small changes

src/Console/Console.scss

@@ -122,7 +122,7 @@
         &:last-child {
           border-right: none;
         }
-        transition: background $anim-duration, color $anim-duration;
+        transition: background-color $anim-duration, color $anim-duration;
         &:active {
           color: var(--select-foreground);
           background: var(--highlight);

src/DevTools/DevTools.js

@@ -43,7 +43,7 @@ export default class DevTools extends Emitter {
     this._resizeStartY = 0
     this._resizeStartSize = 0
 
-    this._appendTpl()
+    this._initTpl()
     this._initTab()
     this._initNotification()
     this._initModal()
@@ -228,7 +228,7 @@ export default class DevTools extends Emitter {
 
     this._$el.css({ height: height + '%' })
   }
-  _appendTpl() {
+  _initTpl() {
     const $container = this.$container
 
     $container.append(

src/Info/Info.scss

@@ -21,6 +21,7 @@
         top: 14px;
         color: var(--primary);
         cursor: pointer;
+        transition: color $anim-duration;
         &:active {
           color: var(--accent);
         }

src/eruda.js

@@ -103,7 +103,7 @@ export default {
     this._entryBtn.destroy()
     delete this._entryBtn
     this._unregisterListener()
-    this._$el.remove()
+    $(this._container).remove()
     evalCss.clear()
     this._isInit = false
   },
@@ -156,6 +156,7 @@ export default {
 
     el.id = 'eruda'
     el.style.all = 'initial'
+    this._container = el
 
     let shadowRoot
     if (useShadowDom) {