#53 added buttons, added bottom pagination

src/main/resources/public/css/conference.css

@@ -1,3 +1,11 @@
+.dashboard {
+    margin-bottom: 10px;
+}
+
+.dashboard button{
+    margin-left: 10px;
+}
+
 .conference-list-body {
     height: 500px;
 }
@@ -5,6 +13,7 @@
 .conference-item {
     align-items: center;
     justify-content: center;
+    padding: 0;
 }
 
 .conference-item:hover {

src/main/resources/templates/conferences/conferences.html

@@ -16,10 +16,22 @@
                 </div>
             </div>
             <hr/>
+            <div class="row dashboard">
+                <div class="col-lg-12">
+                    <div class="d-flex bd-highlight">
+                        <div class="form-check p-1 bd-highlight">
+                            <input class="" type="checkbox"/>
+                        </div>
+                        <button type="button" class="btn btn-danger">Удалить</button>
+                        <button type="button" class="btn btn-success">Добавить</button>
+
+                    </div>
+                </div>
+            </div>
             <div class="row">
                 <div class="col-lg-12">
-                    <div class="conference-list-body grey-border">
-                        <div class="conference-item d-flex bd-highlight">
+                    <div class="conference-list-body list-group">
+                        <div class="conference-item d-flex bd-highlight list-group-item">
                             <div class="form-check p-1 bd-highlight">
                                 <input class="" type="checkbox"/>
                             </div>
@@ -34,6 +46,15 @@
                     </div>
                 </div>
             </div>
+            <div class="row justify-content-end">
+                <ul class="pagination">
+                    <li class="page-item disabled"><a class="page-link" href="#">Previous</a></li>
+                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item"><a class="page-link" href="#">Next</a></li>
+                </ul>
+            </div>
         </div>
     </section>
     <script src="/js/conference.js">