diff --git a/ui/ui.css b/ui/ui.css
index e567dce..bfdde58 100644
--- a/ui/ui.css
+++ b/ui/ui.css
@@ -38,6 +38,13 @@ body,
 .featureDetails div {
 	padding-left: 10px;
 }
+.featureDetails h6 div {
+	float: right;
+	width: 10px;
+	height: 10px;
+	cursor:help;
+	margin: 0 2px;
+}
 .included {
 	color: #808080;
 }
diff --git a/ui/ui.js b/ui/ui.js
index 699c6d3..bfc0c3f 100644
--- a/ui/ui.js
+++ b/ui/ui.js
@@ -271,8 +271,7 @@ var ebti = {
 			for(var featureName in details){
 				var featureContainer = dojo.create('div', { className: 'featureDetails' });
 				var featureDetails = details[featureName];
-				featureContainer.innerHTML = '<h6>'+featureName+'</h6>';
-				featureContainer.title = 'Feature was requested by: '+featureDetails.requestedBy+' Feature has dependencies on: ' + featureDetails.dependsOn;
+				featureContainer.innerHTML = '<h6>'+featureName+'<div class="fDep" title="Feature has dependencies on: ' + ( featureDetails.dependsOn.length ? featureDetails.dependsOn : '-' ) + '">D</div><div class="fReq" title="Feature was requested by: '+featureDetails.requestedBy+'">R</div></h6>';
 				dojo.forEach(featureDetails.isImplementedBy, function(file){
 					var classNames = [];
 					if(dojo.indexOf(platformFiles, file) > 0){ // already there