Go to dashboard button floating - always visible

dashboard/src/app/app.component.css

@@ -14,11 +14,12 @@ nav a {
   padding: 5px 10px;
   text-decoration: none;
   margin-top: 10px;
+  margin-left: 10px;
   display: inline-block;
   background-color: #eee;
   border-radius: 4px;
 }
-
+/*
 nav a:visited, a:link {
   color: #607D8B;
 }
@@ -30,4 +31,15 @@ nav a:hover {
 
 nav a.active {
   color: #039be5;
+} */
+
+
+/* FIXME Code Repetition  */
+.btn-top {
+  display: inline-block;
+  position: fixed;
+  z-index: 1;
+  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
+  -moz-transition: opacity .3s 0s, visibility 0s 0s;
+  transition: opacity .3s 0s, visibility 0s 0s;
 }

dashboard/src/app/app.component.html

@@ -1,4 +1,4 @@
 <nav>
-  <a routerLink="/dashboard" routerLinkActive="active"><span class="glyphicon glyphicon-home"></span></a>
+  <a class="btn-top" routerLink="/dashboard" routerLinkActive="active"><span class="glyphicon glyphicon-home"></span></a>
 </nav>
 <router-outlet></router-outlet>