design

index.html

@@ -22,7 +22,7 @@
 			<div id="editor"></div>
 			<div class="text-input">
 				<form class="modal">
-					<input id="input" placeholder="Describe this area" type="text" />
+					<textarea id="input" placeholder="Describe this area" type="text"></textarea>
 					<button id="insert" type="submit">Insert</button>
 					<button id="cancel">x</button>
 				</form>

style.css

@@ -32,8 +32,8 @@ body {
 
 .label {
 	position: absolute;
-	/* background-color: tomato; */
-	border: 1px solid currentColor;
+	background-color: rgba(250, 99, 72, 0.2);
+	/* border: 1px solid currentColor; */
 	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
 
 	overflow: hidden;
@@ -83,6 +83,7 @@ body {
 	width: 100%;
 	height: 100%;
 	text-overflow: ellipsis;
+	white-space: pre;
 }
 
 .text-input {