better authors/journal/date display

annotations/static/annotations/app.css

@@ -70,7 +70,7 @@
   word-break: break-all;
 }
 
-.list-group-item {
+.keyword-group-item {
   display: inline-block;
   float: left;
   padding: 5px;

annotations/templates/annotations/main.html

@@ -37,7 +37,7 @@
                 </div>
 
                 <ul class="list-group words-list clearfix">
-                  <li ng-repeat="keyword in extraNgramList[listId] | startFrom:currentListPage * pageSize | limitTo:pageSize" class="list-group-item">
+                  <li ng-repeat="keyword in extraNgramList[listId] | startFrom:currentListPage * pageSize | limitTo:pageSize" class="keyword-group-item">
                     <div ng-controller="NgramController" keyword-template class="keyword-container"></div>
                   </li>
                 </ul>
@@ -64,10 +64,10 @@
           </div>
           <div class="col-md-8 col-xs-8 text-panel" ng-controller="DocController" id="document">
             <div class="row-fluid clearfix">
-            <div class="col-md-7 col-xs-7">
+            <div class="col-md-10 col-xs-10">
               <h3 class="text-container" id="title">{[{title}]}</h3>
             </div>
-            <div class="col-md-5 col-xs-5 clearfix">
+            <div class="col-md-2 col-xs-2 clearfix">
                 <button ng-controller="DocFavoriteController" type="button" class="btn btn-default float-right" ng-click="onStarClick($event)">
                   <span class="glyphicon" ng-class="{'glyphicon-star-empty': isFavorite == false, 'glyphicon-star': isFavorite == true}"></span>
                 </button>
@@ -79,11 +79,11 @@
             </nav>-->
             </div>
             </div>
-            <div class="row-fluid cleafix">
-              <ul class="breadcrumb">
-                <li>{[{authors}]}</li>
-                <li>{[{journal}]}</li>
-                <li class="active pull-right">{[{publication_date}]}</li>
+            <div class="row-fluid">
+              <ul class="list-group clearfix">
+                <li class="list-group-item small"><span class="badge">journal</span>{[{journal}]}</li>
+                <li class="list-group-item small"><span class="badge">authors</span>{[{authors}]}</li>
+                <li class="list-group-item small"><span class="badge">date</span>{[{publication_date}]}</li>
               </ul>
             </div>
             <h4 ng-if="abstract_text != null">Abstract</h4>