JS in own file; Ported Decode writtenMorse engine; design fixes

res/css/main.css

@@ -46,7 +46,8 @@ body {
   height: 72px;
   line-height: 72px;
   font-size: 18px;
-  padding-left: 16px; }
+  padding-left: 16px;
+  cursor: pointer; }
 
 .draweritem:hover {
   background: #e0e0e0; }
@@ -100,7 +101,8 @@ body {
   min-width: 64px;
   margin-left: 8px;
   padding: 5px;
-  color: #03a9f4; }
+  color: #03a9f4;
+  cursor: pointer; }
 
 .cardbutton:hover {
   background: #e0e0e0; }
@@ -115,6 +117,13 @@ body {
   height: 100%;
   z-index: 30; }
 
+#output {
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+  word-wrap: break-word; }
+
 #outputcard {
   display: none; }
 

res/css/main.sass

@@ -68,6 +68,7 @@ body
     line-height: $drawer-item-height
     font-size: $drawer-item-font-size
     padding-left: 16px
+    cursor: pointer
 
 .draweritem:hover
     background: $hovered-element-color
@@ -117,6 +118,7 @@ body
     margin-left: 8px
     padding: 5px
     color: $primary-color
+    cursor: pointer
 
 .cardbutton:hover
     background: $hovered-element-color
@@ -131,6 +133,14 @@ body
     height: 100%
     z-index: 30
 
+#output
+    -moz-hyphens: auto
+    -ms-hyphens: auto
+    -webkit-hyphens: auto
+    hyphens: auto
+    word-wrap: break-word
+
+
 #outputcard
     display: none