From 89b846c511fd3b32934aedeac6d9e15c1e64be32 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Tue, 26 Dec 2017 14:01:43 +0100
Subject: [PATCH] Show disconnect link on hover

---
 app/components/account-info/template.hbs |  2 +-
 app/styles/components/_account-info.scss | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/components/account-info/template.hbs b/app/components/account-info/template.hbs
index b8772de..b17f919 100644
--- a/app/components/account-info/template.hbs
+++ b/app/components/account-info/template.hbs
@@ -1,4 +1,4 @@
 <span class="username">{{username}}</span>
 <br><span class="host">{{host}}</span>
 
-{{#link-to "disconnect"}}X{{/link-to}}
\ No newline at end of file
+{{#link-to "disconnect" class="disconnect"}}disconnect{{/link-to}}
\ No newline at end of file
diff --git a/app/styles/components/_account-info.scss b/app/styles/components/_account-info.scss
index 07966e0..ed64e33 100644
--- a/app/styles/components/_account-info.scss
+++ b/app/styles/components/_account-info.scss
@@ -1,4 +1,5 @@
 .account-info {
+  position: relative;
 
   .username {
     font-size: 1.4rem;
@@ -9,4 +10,19 @@
     opacity: 0.7;
   }
 
+  .disconnect {
+    display: inline-block;
+    margin-left: 0.5rem;
+    font-size: 0.8rem;
+    opacity: 0;
+    transition: opacity 0.2s linear;
+  }
+
+  &:hover {
+    .disconnect {
+      font-size: 0.8rem;
+      opacity: 1;
+    }
+  }
+
 }