fix delete button

src/main/resources/public/js/papers.js

@@ -6,17 +6,16 @@ function showPapers(papersElement, paperRowClass) {
     getFromRest(urlPapers, function (paperList) {
         paperList.forEach(function (paper, index) {
             $(papersElement).parent().append("<div class='row text-left paper-row'>" +
-                "                <div class='col col-10'>" +
+                "                <div class='col'>" +
                 "                <span class='fa-stack fa-1x'>\n" +
                 "                  <i class='fa fa-circle fa-stack-2x " + getPaperStatusClass(paper.status) + "'></i>" +
                 "                  <i class='fa fa-file-text-o fa-stack-1x fa-inverse'></i>" +
                 "                </span>" +
                 "                    <a href='paper?id=" + paper.id + "" +
-                "'><span>" + (index + 1) + ". " + paper.title + "</span></a></div>" +
-                "<div class='col col-1'>" +
-                "<span class='remove-paper d-none' onclick=\"deletePaper(" + paper.id + ",'" + papersElement + "', '" + paperRowClass + "')\">" +
+                "'><span>" + (index + 1) + ". " + paper.title + "</span></a>" +
+                "<span class='remove-paper d-none pull-right' onclick=\"deletePaper(" + paper.id + ",'" + papersElement + "', '" + paperRowClass + "')\">" +
                 "<i class=\"fa fa-trash\" aria-hidden=\"true\"></i></span>" +
-                "                </div></div>");
+                "</div></div>");
         });
 
         $(paperRowClass).mouseenter(function (event) {