#6, initial continuous adding of items

static/less/main.less

@@ -8,6 +8,10 @@ html {
   box-sizing: inherit;
 }
 
+*,*:focus,*:hover{
+    outline:none;
+}
+
 [onClick] {
         cursor: pointer;
 }
@@ -476,6 +480,7 @@ header {
 	}
 
 	.checklist-item {
+		transform: translate(0, 0);
 		display: grid;
 		grid-template-columns: repeat(3, min-content);
 		grid-gap: 0 8px;
@@ -905,6 +910,28 @@ header {
 	}
 }
 
+#input-text {
+	border: 1px solid #000 !important;
+	padding: 16px;
+	width: 300px;
+
+	.label {
+		margin-bottom: 4px;
+	}
+
+	input[type=text] {
+		width: 100%;
+		padding: 4px;
+	}
+
+	.buttons {
+		display: grid;
+		grid-template-columns: 1fr 64px 64px;
+		grid-gap: 8px;
+		margin-top: 8px;
+	}
+}
+
 @media only screen and (max-width: 932px) {
 	#app.node {
 		.layout-crumbs();