From 1a52bed1e9e05b89028070ff85ba3c2631252b5f Mon Sep 17 00:00:00 2001
From: Kevin Cameron <kevinacameron@hotmail.com>
Date: Tue, 6 Mar 2018 23:01:42 -0800
Subject: [PATCH] Modal z-index, title model enter

---
 src/lyrics/index.css | 2 +-
 src/modal/index.css  | 1 +
 src/modal/title.js   | 5 +++++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/lyrics/index.css b/src/lyrics/index.css
index 743e62d..d0d1d88 100644
--- a/src/lyrics/index.css
+++ b/src/lyrics/index.css
@@ -4,12 +4,12 @@
 .lyredit {
     position: relative;
     height: 95vh;
+    overflow-y: auto;
 }
 
 .lyrics {
     padding: 0.5em;
     column-gap: 1em;
-    overflow-y: auto;
     transform-origin: 0 0;
 
     transition: transform animDur;
diff --git a/src/modal/index.css b/src/modal/index.css
index 6e8f3fd..76bb341 100644
--- a/src/modal/index.css
+++ b/src/modal/index.css
@@ -11,6 +11,7 @@
     display: flex;
     align-items: flex-start;
     justify-content: center;
+    z-index: 1;
 
     background: colors.modalBg;
 }
diff --git a/src/modal/title.js b/src/modal/title.js
index cc5f0ef..b3097d0 100644
--- a/src/modal/title.js
+++ b/src/modal/title.js
@@ -10,6 +10,11 @@ export default {
             value       : vnode.state.value,
             placeholder : state.song.title,
             class       : css.input,
+            onkeydown   : (e) => {
+                if(e.keyCode === 13 && vnode.state.value) {
+                    state.action("ADD TITLE", vnode.state.value);
+                }
+            },
             oninput     : m.withAttr("value", (v) => {
                 vnode.state.value = v;
             }),