updates

3 files changed, 7 insertions, 12 deletions

diff --git a/index.html b/index.html
index 22bfab0..ee21353 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
 	<div class="container">
         <div>
             <span class="home">
-                <a href="/prosodyle" class="title">Prosodyle</a><span>@</span><a href="https://cyfraeviolae.org">cyfraeviolae.org</a>
+                <a href="/prosodyle" class="title">Prosodyle</a><span> at </span><a href="https://cyfraeviolae.org">cyfraeviolae.org</a>
             </span>
             <span class="sep">|</span>
             <a href="https://cyfraeviolae.org/git/prosodyle">source code</a>
diff --git a/static/script.js b/static/script.js
index 16296a2..325b8e5 100644
--- a/static/script.js
+++ b/static/script.js
@@ -205,6 +205,9 @@ function keyHandler(key) {
         return;
     }
     var el = document.querySelector(`[data-offset="${focused}"]`);
+    if (!el.classList.contains('entrybox')) {
+        return;
+    }
     var offset = parseInt(el.getAttribute('data-offset'))
     var nextel;
     if (key == 'Backspace') {
diff --git a/static/styles.css b/static/styles.css
index 94e3b89..2c0f0ef 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -11,7 +11,7 @@
 	color: black;
 	background-color: white;
 	vertical-align: top;
-	line-height: 29px;
+	line-height: 30px;
 	font-family: Cantarell;
 }
 
@@ -81,15 +81,6 @@ hr {
 	touch-action: manipulation;
 }
 
-@media only screen and (min-width: 600px) {
-    form {
-        border: 1px DarkSlateGrey solid;
-        padding: 1em;
-        padding-left: 2em;
-        padding-right: 2em;
-    }
-}
-
 .kbrow {
 	margin-bottom: 5px;
 }
@@ -101,10 +92,11 @@ hr {
 	width: 26px;
 	border-radius: 4px;
 	border: 1px black dotted;
-	line-height: 33px;
+	line-height: 35px;
 	cursor: pointer;
 	user-select: none;
 }
+
 .key:hover{
     border-style:solid;
 }