style changes, and trimming list entries

server.js

@@ -56,7 +56,7 @@ app.post("/add/:name", (req, res) => {
 	if (!req.params.name)
 		return;
 
-	var name = req.params.name.toLowerCase();
+	var name = req.params.name.toLowerCase().trim();
 
 	db.list.push(name);
 	events.emit("add", { name: name, index: db.list.length - 1 });

web/style.css

@@ -21,17 +21,29 @@ html, body {
 #add {
 	margin-top: 12px;
 }
+#add .name,
+#add .submit {
+	-webkit-appearance: none;
+	font-size: 16px;
+	border: 1px solid #aaa;
+	border-radius: 5px;
+	background-color: #fff;
+}
 #add .name {
 	width: 80%;
 	height: 30px;
+	border-top-right-radius: 0px;
+	border-bottom-right-radius: 0px;
 }
 #add .submit {
 	width: 10%;
 	height: 30px;
+	background-color: #eee;
+	border-top-left-radius: 0px;
+	border-bottom-left-radius: 0px;
 }
-#add .name,
-#add .submit {
-	font-size: 16px;
+#add .submit:hover {
+	background-color: #ddd;
 }
 #add .suggestions {
 	transition: opacity 0.2s;
@@ -108,3 +120,6 @@ html, body {
 	border-radius: 100px;
 	background-color: #eee;
 }
+#list .elem .ok:hover {
+	background-color: #ddd;
+}