select agents UI improvements

packages/rocketchat-livechat/client/stylesheets/livechat.less

@@ -418,8 +418,21 @@
 	li {
 		display: inline-block;
 		background-color: #DDD;
-		border-radius: 5px;
-		padding: 2px 7px;
+		border-radius: 10px;
+		padding: 2px 8px 2px 2px;
 		margin: 1px 0;
+		cursor: pointer;
+
+		.icon-plus-circled {
+			opacity: 0.5;
+			font-size: 0.8rem;
+		}
+	}
+}
+
+.agent-info {
+	input {
+		width: auto;
+		line-height: 24px;
 	}
 }

packages/rocketchat-livechat/client/views/app/livechatDepartmentForm.html

@@ -30,7 +30,7 @@
 
 						<ul class="department-agents available-agents">
 							{{#each availableAgents}}
-								<li>{{username}}</li>
+								<li><i class="icon-plus-circled"></i>{{username}}</li>
 							{{/each}}
 						</ul>
 					</fieldset>