align authors line

src/main/resources/static/papers/paper-item.vue

@@ -8,9 +8,13 @@
                 <span class="h6">{{ paper.title }}</span>
             </router-link>
         </div>
-        <div class="col-sm-11 col">
+        <div class="col-sm-12 col">
-                    <span class="text-muted" v-for="author in getAuthors"
+            <span class="fa-stack fa-1x">
-                          :key="author.id">{{ author }}</span>
+                <div>
+                    <i class="fa fa-circle fa-stack-2x" style="color: white"></i>
+                </div>
+                <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i></span>
+            <span class="text-muted" v-for="author in getAuthors">{{ author }}</span>
         </div>
     </div>
 </template>
@@ -27,6 +31,7 @@
                 this.paper.authors.forEach(function (author) {
                     authorsResult.push(author.lastName + " " + author.firstName);
                 });
+                debugger;
                 return authorsResult.join(', ')
             }
         }