Tooltip UX fixes (#202)

Fixes #102

src/components/svg/wrap/svg-keyboard-wrap.component.html

@@ -1,6 +1,6 @@
 <template ngIf="layers">
     <layers [class.disabled]="popoverShown" (select)="selectLayer($event.oldIndex, $event.index)" [current]="currentLayer"></layers>
-    <div class="keyboard-slider" (mouseout)="hideTooltip($event)">
+    <div class="keyboard-slider">
         <svg-keyboard *ngFor="let layer of layers; trackBy: trackKeyboard"
                       [@layerState]="layer.animation"
                       [moduleConfig]="layer.modules"
@@ -10,8 +10,8 @@
         </svg-keyboard>
     </div>
     <popover *ngIf="popoverShown" [defaultKeyAction]="popoverInitKeyAction" [currentKeymap]="keymap" (cancel)="hidePopover()" (remap)="onRemap($event)"></popover>
-    <div class="tooltip top fade" role="tooltip"
-         [class.in]="tooltipData.shown"
+    <div class="tooltip bottom"
+         [class.in]="tooltipData.show"
          [style.top.px]="tooltipData.posTop"
          [style.left.px]="tooltipData.posLeft"
     >