From d356c219449c9411c29713d5f1c015e05ecc7caf Mon Sep 17 00:00:00 2001
From: Nightblade73 <v-zar@list.ru>
Date: Thu, 21 Mar 2019 09:55:38 +0400
Subject: [PATCH] #53 added buttons, added bottom pagination

---
 src/main/resources/public/css/conference.css  |  9 +++++++
 .../templates/conferences/conferences.html    | 25 +++++++++++++++++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/public/css/conference.css b/src/main/resources/public/css/conference.css
index bfa1e73..af5b7aa 100644
--- a/src/main/resources/public/css/conference.css
+++ b/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 {
diff --git a/src/main/resources/templates/conferences/conferences.html b/src/main/resources/templates/conferences/conferences.html
index ce322df..2afc7d9 100644
--- a/src/main/resources/templates/conferences/conferences.html
+++ b/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">