new toolbar design

tabby-telnet/src/components/telnetTab.component.pug

@@ -1,10 +1,11 @@
-.tab-toolbar([class.show]='!session || !session.open')
-    .btn.btn-outline-secondary.reveal-button
-        i.fas.fa-ellipsis-h
-    .toolbar
-        i.fas.fa-circle.text-success.mr-2(*ngIf='session && session.open')
-        i.fas.fa-circle.text-danger.mr-2(*ngIf='!session || !session.open')
-        strong.mr-auto {{profile.options.host}}:{{profile.options.port}}
+.terminal-toolbar(
+    (mouseenter)='showToolbar()',
+    (mouseleave)='hideToolbar()'
+)
+    i.fas.fa-xs.fa-circle.text-success.mr-2(*ngIf='session && session.open')
+    i.fas.fa-xs.fa-circle.text-danger.mr-2(*ngIf='!session || !session.open')
+    strong.mr-auto {{profile.options.host}}:{{profile.options.port}}
 
-        button.btn.btn-secondary.mr-2((click)='reconnect()', [class.btn-info]='!session || !session.open')
-            span Reconnect
+    button.btn.btn-sm.btn-link.mr-2((click)='reconnect()')
+        i.fas.fa-redo
+        span Reconnect

tabby-telnet/src/components/telnetTab.component.ts

@@ -14,6 +14,7 @@ import { TelnetProfile, TelnetSession } from '../session'
     animations: BaseTerminalTabComponent.animations,
 })
 export class TelnetTabComponent extends BaseTerminalTabComponent {
+    enableToolbar = true
     Platform = Platform
     profile?: TelnetProfile
     session: TelnetSession|null = null