Index: lams_central/web/includes/javascript/groups.js
===================================================================
diff -u -r1ba563378355d4a7e3b284cd645460f396989272 -r2b3f2b89c7ae1770e508ca941b7c5c0574e656e8
--- lams_central/web/includes/javascript/groups.js	(.../groups.js)	(revision 1ba563378355d4a7e3b284cd645460f396989272)
+++ lams_central/web/includes/javascript/groups.js	(.../groups.js)	(revision 2b3f2b89c7ae1770e508ca941b7c5c0574e656e8)
@@ -110,17 +110,25 @@
 			userIds = [];
 		// create user DIVs
 		$.each(users, function(index, userJSON) {
-			var userDiv = $('<div />').attr('userId', userJSON.id)
+			var userDiv = $('<div />')
+				.attr('userId', userJSON.id)
 				.addClass('draggableItem');
+			
+			new bootstrap.Tooltip(userDiv, {
+				'title'     : userJSON.login,
+				'placement' : 'left'
+			});
+			
 			var portraitDiv = $('<div />').attr({
 				'id': 'portrait-'+userJSON.id,
 				})
 				.addClass('mb-2')
 				.appendTo(userDiv);
 			addPortrait(portraitDiv, userJSON.portraitId, userJSON.id, 'small', true, LAMS_URL );
-			$('<span/>').text(userJSON.firstName + ' ' + userJSON.lastName + ' (' + userJSON.login + ')')
+			$('<span/>').text(userJSON.firstName + ' ' + userJSON.lastName)
 				.addClass('portrait-sm-lineheight ms-1')
 				.appendTo(userDiv);
+				
 
 			// for later use
 			userDivs.push(userDiv);