Include selected entity in multi selection on first click

services/web/public/coffee/ide/file-tree/FileTreeManager.coffee

@@ -131,6 +131,9 @@ define [
 			@forEachEntity (entity) ->
 				entity.multiSelected = false
 			@$scope.multiSelectedCount = 0
+		
+		multiSelectSelectedEntity: () ->
+			@findSelectedEntity()?.multiSelected = true
 
 		findSelectedEntity: () ->
 			selected = null

services/web/public/coffee/ide/file-tree/controllers/FileTreeEntityController.coffee

@@ -5,16 +5,20 @@ define [
 		$scope.select = (e) ->
 			if e.ctrlKey or e.metaKey
 				e.stopPropagation()
-				ide.fileTreeManager.toggleMultiSelectEntity($scope.entity)
+				initialMultiSelectCount = ide.fileTreeManager.multiSelectedCount()
+				ide.fileTreeManager.toggleMultiSelectEntity($scope.entity) == 0
+				if initialMultiSelectCount == 0
+					# On first multi selection, also include the current active/open file.
+					ide.fileTreeManager.multiSelectSelectedEntity()
 			else
 				ide.fileTreeManager.selectEntity($scope.entity)
 				$scope.$emit "entity:selected", $scope.entity
 		
 		$scope.draggableHelper = () ->
 			if ide.fileTreeManager.multiSelectedCount() > 0
-				return $("<div style='z-index:100'>#{ide.fileTreeManager.multiSelectedCount()} Files</div>")
+				return $("<strong style='z-index:100'>#{ide.fileTreeManager.multiSelectedCount()} Files</strong>")
 			else
-				return $("<div style='z-index:100'>#{$scope.entity.name}</div>")
+				return $("<strong style='z-index:100'>#{$scope.entity.name}</strong>")
 
 		$scope.inputs =
 			name: $scope.entity.name