You can now click on story chunks to edit them

static/custom.css

@@ -11,6 +11,11 @@ action {
 	font-weight: bold;
 }
 
+chunk[contenteditable="true"]:focus, chunk[contenteditable="true"]:focus > action {
+	color: #ddffdd;
+	font-weight: normal;
+}
+
 #topmenu {
 	background-color: #337ab7;
 	padding: 10px;
@@ -58,7 +63,7 @@ action {
 }
 
 #gamescreen {
-	height: 500px;
+	height: 490px;
 	margin-top: 10px;
 	padding: 10px;
 	display: flex;
@@ -77,6 +82,7 @@ action {
 #gametext {
 	max-height: 100%;
 	width: 100%;
+	word-wrap: break-word;
 }
 
 #seqselmenu {
@@ -184,7 +190,7 @@ action {
 	position: absolute;
 	top: 0px;
 	left: 0px;
-	z-index: 1;
+	z-index: 3;
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0,0,0,0.5);
@@ -318,6 +324,22 @@ action {
 	width: 100px;
 }
 
+.box {
+	border-radius: 5px;
+	border: 1px solid #646464;
+	padding: 4px;
+	background: #373737;
+}
+
+.box-label {
+	color: #ffffff;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-bottom: 5px;
+	padding-top: 5px;
+	display: inline-block;
+}
+
 .chunkhov:hover {
 	color: #c0fc51;
 	cursor: pointer;
@@ -327,7 +349,7 @@ action {
 	color: #00fa00;
 }
 
-.colorfade {
+.colorfade, .colorfade > action {
 	-moz-transition:color 1s ease-in;
     -o-transition:color 1s ease-in;
     -webkit-transition:color 1s ease-in;
@@ -371,8 +393,17 @@ action {
 	text-decoration: none;
 }
 
+.edit-flash, .edit-flash > action {
+	color: #3bf723;
+}
+
 .flex {
 	display: flex;
+	align-items: center;
+}
+
+.flex-push-right {
+	margin-left: auto;
 }
 
 .formatcolumn {
@@ -458,6 +489,20 @@ action {
 	text-align: right;
 }
 
+.layer-container {
+	display: grid;
+}
+
+.layer-bottom {
+	grid-area: 1/1;
+	z-index: 0;
+}
+
+.layer-top {
+	grid-area: 1/1;
+	z-index: 2;
+}
+
 .loadlistheader {
 	padding-left: 10px;
 	display: grid;
@@ -531,11 +576,15 @@ action {
 	
 }
 
+.nowrap {
+	white-space: nowrap;
+}
+
 .popupcontainer {
 	position: absolute;
 	top: 0px;
 	left: 0px;
-	z-index: 1;
+	z-index: 3;
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0,0,0,0.5);
@@ -652,6 +701,10 @@ action {
 	width: 50px;
 }
 
+.width-auto {
+	width: auto;
+}
+
 .wilistitem {
 	height: 80px;
 	display: grid;