add toolbar

src/main/resources/public/css/agency.css

@@ -62,7 +62,7 @@ section h3.section-subheading {
 
 @media (min-width: 768px) {
   section {
-    padding: 150px 0;
+    padding: 100px 0;
   }
 }
 
@@ -741,6 +741,11 @@ ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons l
   border-radius: 5px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
 }
+
+.toolbar-button {
+  width: 100%;
+  margin: 5px;
+}
 /* ---------------------------------------------------
     FEEDBACK STYLE
 ----------------------------------------------------- */

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

@@ -10,7 +10,7 @@ function showPapers(papersElement) {
                 "                  <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.html?id=" + paper.id + "" +
+                "                    <a href='paper?id=" + paper.id + "" +
                 "'><span>" + paper.title + "</span></a>" +
                 "                </div></div>");
         });

src/main/resources/templates/papers/papers.html

@@ -12,8 +12,17 @@
             <div class="row" id="paper-list">
                 <div class="col-lg-12 text-center">
                     <h2 class="section-heading text-uppercase">Статьи</h2>
-                    <a href="./dashboard"><h5>Перейти на тестовую страницу Алёны</h5></a>
-                    <a href = "./paper"><h4>Добавить статью</h4></a>
+
+                    <div class="row justify-content-center">
+                        <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3">
+                            <a href="./dashboard" class="btn btn-light toolbar-button"><i class="fa fa-newspaper-o"
+                                                                           aria-hidden="true"></i> Панель управления</a>
+                        </div>
+                        <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3">
+                            <a href="./paper" class="btn btn-light toolbar-button"><i class="fa fa-plus-circle" aria-hidden="true"></i>
+                                Добавить статью</a>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
@@ -21,7 +30,7 @@
 
     <script src="/js/papers.js"></script>
     <script>
-        $( document ).ready(function() {
+        $(document).ready(function () {
             showPapers($("#paper-list"));
             // only for demo
             //addPaper("название", "DRAFT", "comment", false);