Popover layout fix

src/components/popover/tab/keymap-tab.component.scss

@@ -1,4 +1,6 @@
 :host {
+    display: flex;
+    flex-direction: column;
     margin-top: 2px;
 
     > div {

src/components/popover/tab/keypress-tab.component.scss

@@ -0,0 +1,4 @@
+:host {
+    display: flex;
+    flex-direction: column;
+}

src/components/popover/tab/keypress-tab.component.ts

@@ -45,6 +45,7 @@ import { KeyActionSaver } from '../key-action-saver';
             </i>
         </div>
     `,
+    styles: [require('./keypress-tab.component.scss')],
     directives: [CaptureKeystrokeButtonComponent]
 })
 export class KeypressTabComponent implements OnInit, KeyActionSaver {

src/components/popover/tab/layer-tab.component.scss

@@ -0,0 +1,7 @@
+:host {
+    display: flex;
+
+    span {
+        margin: 0 5px;
+    }
+}

src/components/popover/tab/layer-tab.component.ts

@@ -21,7 +21,8 @@ import { KeyActionSaver } from '../key-action-saver';
         <span>
         layer by holding this key.
         </span>
-    `
+    `,
+    styles: [require('./layer-tab.component.scss')]
 })
 export class LayerTabComponent implements OnInit, KeyActionSaver {
     private toggle: boolean;