accurator/commit

Improved css added labels.

diff --git a/web/css/accurator.css b/web/css/accurator.css
index c3c3d16..8947c99 100644
--- a/web/css/accurator.css
+++ b/web/css/accurator.css
@@ -136,32 +136,6 @@ Domain page
    overflow: hidden;
 }
 
-/*******************************************************************************
-Topic page
-*******************************************************************************/
-.topic {
-	background-color: #333;
-}
-
-.topicImg {
-	max-width: 100%;
-	cursor: pointer;
-}
-
-#topicTxtTitle {
-	text-align: center;
-	color: #fff;
-	padding-bottom: 10px;
-}
-
-.topicHdr {
-	position: absolute;
-	top: 50px;
-	left: 50px;
-	width: 100%;
-	cursor: pointer;
-}
-
 /*******************************************************************************
 Profile page
 *******************************************************************************/
@@ -357,6 +331,12 @@ Item page
   vertical-align: bottom;
 }
 
+.lblAnnotation {
+	padding: 2px 5px;
+	margin-left: 2px;
+	margin-right: 2px;
+}
+
 /* Item page: Typeahead functionality */
 /* source: https://github.com/bassjobsen/typeahead.js-bootstrap-css */
 span.twitter-typeahead .tt-menu,
diff --git a/web/js/components/annotations.js b/web/js/components/annotations.js
index 352b97a..1e09be9 100644
--- a/web/js/components/annotations.js
+++ b/web/js/components/annotations.js
@@ -32,7 +32,7 @@ AnnotationList.prototype.render = function() {
 	// Render the annotations related to this field
 	for (var key in this.annotations) {
 		var annotation = this.annotations[key];
-		var label = truncate(annotation.title, 7);
+		var label = truncate(annotation.title, 10);
 		var id = generateIdFromUri(annotation['@id']);
 		var target = this.findTarget(annotation);
 
@@ -40,7 +40,7 @@ AnnotationList.prototype.render = function() {
 		$('#' + this.divId).append(
 			$.el.span({
 				'id':'lbl' + id,
-				'class':'label label-default lblAnnotation',
+				'class':'label label-primary lblAnnotation',
 				'targetId':target['@id']},
 				label
 			)