Hotkeys for better UX; Notifications behind modal

src/js/components/Hotkeys.js

@@ -33,7 +33,7 @@ export default class Hotkeys extends React.Component {
         let prevent = false;
 		switch(e.key.toLowerCase()){
 
-			case "p":
+			case " ":
 				if (this.props.play_state == 'playing'){
 					this.props.mopidyActions.pause();
 					this.props.uiActions.createNotification({content: 'pause', type: 'shortcut'});
@@ -59,7 +59,7 @@ export default class Hotkeys extends React.Component {
                 prevent = true;
                 break;
 
-            case "c":
+            case "q":
                 this.props.history.push('/queue');
                 prevent = true;
                 break;

src/scss/views/_modal.scss

@@ -10,6 +10,7 @@
 	overflow-y: auto;
 	overflow-x: hidden;
 	min-height: 100%;
+	z-index: 98;
 
 	.light-theme & {
 		color: colour(white);