@@ -0,0 +18,4 @@
+ */
+public class QuickSelectControl extends VBox {
+
+	User user;

@@ -0,0 +85,4 @@
+	}
+
+	/**
+	 * @return the user whose data is used in this instance.

@@ -0,0 +11,4 @@
+import envoy.data.User;
+
+/**
+ * Displays a user as a quickSelectControl which is used in the quickSelectList.

@@ -0,0 +21,4 @@
+	User user;
+
+	/**
+	 * Creates an instance of the {@link QuickSelectControl}.

@@ -0,0 +29,4 @@
+	 */
+	public QuickSelectControl(User user, GroupCreationTab tab) {
+		this.user = user;
+		setPadding(new Insets(1, 0, 0, 0));

@@ -0,0 +37,4 @@
+		stackPane.setAlignment(Pos.TOP_CENTER);
+
+		// Profile picture
+		var picHold = new VBox();

@@ -0,0 +49,4 @@
+		clip.setArcHeight(32);
+		clip.setArcWidth(32);
+		contactProfilePic.setClip(clip);
+		setAlignment(Pos.TOP_CENTER);

@@ -0,0 +59,4 @@
+		hBox.setMinHeight(12);
+		var region = new Region();
+		hBox.getChildren().add(region);
+		hBox.setHgrow(region, Priority.ALWAYS);

@@ -0,0 +65,4 @@
+		removeBtn.setPrefSize(12, 12);
+		removeBtn.setMaxSize(12, 12);
+		removeBtn.setMinSize(12, 12);
+		removeBtn.setOnMouseClicked(evt -> tab.removeFromQuickSelection(this));

@@ -0,0 +67,4 @@
+		removeBtn.setMinSize(12, 12);
+		removeBtn.setOnMouseClicked(evt -> tab.removeFromQuickSelection(this));
+		removeBtn.setId("remove-button");
+		hBox.getChildren().add(removeBtn);

@@ -0,0 +77,4 @@
+		nameLabel.setMaxSize(35, 20);
+		nameLabel.setMinSize(35, 20);
+		nameLabel.setText(user.getName());
+		nameLabel.setAlignment(Pos.TOP_CENTER);

@@ -88,2 +92,3 @@
 	@FXML
-	private void userListClicked() { createButton.setDisable(userList.getSelectionModel().isEmpty() || groupNameField.getText().isBlank()); }
+	private void userListClicked() {
+		createButton.setDisable(userList.getSelectionModel().isEmpty() || groupNameField.getText().isBlank());

@@ -89,1 +93,3 @@
-	private void userListClicked() { createButton.setDisable(userList.getSelectionModel().isEmpty() || groupNameField.getText().isBlank()); }
+	private void userListClicked() {
+		createButton.setDisable(userList.getSelectionModel().isEmpty() || groupNameField.getText().isBlank());
+		quickSelectList.getItems().add(new QuickSelectControl(userList.getSelectionModel().getSelectedItem(), this));

@@ -96,3 +106,3 @@
 	 */
 	@FXML
-	private void textUpdated() { createButton.setDisable(userList.getSelectionModel().isEmpty() || groupNameField.getText().isBlank()); }
+	private void textUpdated() { createButton.setDisable(quickSelectList.getItems().size() == 0 || groupNameField.getText().isBlank()); }

@@ -154,0 +173,4 @@
+	public void removeFromQuickSelection(QuickSelectControl element) {
+		quickSelectList.getItems().remove(element);
+		userList.getItems().add(element.getUser());
+		if (quickSelectList.getItems().size() == 0) {

@@ -154,0 +179,4 @@
+		}
+	}
+
+	private void resizeQuickSelectSpace(int value) {

@@ -147,0 +148,4 @@
+#quick-select-list .scroll-bar:horizontal{
+	-fx-pref-height: 0;
+	-fx-max-height: 0;
+	-fx-min-height: 0; 

@@ -147,0 +154,4 @@
+#quick-select-list .scroll-bar:vertical{
+	-fx-pref-width: 0;
+	-fx-max-width: 0;
+	-fx-min-width: 0; 

@@ -0,0 +71,4 @@
+		stackPane.getChildren().add(hBox);
+		getChildren().add(stackPane);
+
+

@@ -68,3 +72,3 @@
 	private void initialize() {
 		userList.setCellFactory(new ListCellFactory<>(ContactControl::new));
-		userList.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
+		userList.getSelectionModel().setSelectionMode(SelectionMode.SINGLE);

@@ -0,0 +11,4 @@
+import envoy.data.User;
+
+/**
+ * Displays an {@link User} as a quickSelectControl which is used in the