From 89e0d1a291f8269891bc3c857702aa3623464ad7 Mon Sep 17 00:00:00 2001
From: Nightblade73 <v-zar@list.ru>
Date: Wed, 20 Mar 2019 21:15:45 +0400
Subject: [PATCH] #53 customization css styles

---
 src/main/resources/public/css/conference.css   | 18 +++++++++++++++++-
 src/main/resources/public/js/conference.js     |  2 +-
 .../templates/conferences/conferences.html     |  5 ++++-
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/public/css/conference.css b/src/main/resources/public/css/conference.css
index f9e9944..bfa1e73 100644
--- a/src/main/resources/public/css/conference.css
+++ b/src/main/resources/public/css/conference.css
@@ -7,12 +7,28 @@
     justify-content: center;
 }
 
+.conference-item:hover {
+    background-color: #eee;
+}
+
 .form-check {
     padding: 0;
 }
 
 .form-check input {
-    margin: 10px;
+    margin: 10px 5px;
+}
+
+.conference-info:hover {
+    cursor: pointer;
+}
+
+.conference-item:hover .form-check {
+    background-color: #ddd;
+}
+
+.conference-item:hover .form-check:hover {
+    background-color: #ccc;
 }
 
 
diff --git a/src/main/resources/public/js/conference.js b/src/main/resources/public/js/conference.js
index 1056bec..04eba51 100644
--- a/src/main/resources/public/js/conference.js
+++ b/src/main/resources/public/js/conference.js
@@ -1,6 +1,6 @@
 $(document).ready(function () {
 
-    $('tbody tr[data-href]').addClass('clickable').click( function() {
+    $('.conference-info').click( function() {
         window.location = $(this).attr('data-href');
     });
 });
diff --git a/src/main/resources/templates/conferences/conferences.html b/src/main/resources/templates/conferences/conferences.html
index 2d2c1c8..ce322df 100644
--- a/src/main/resources/templates/conferences/conferences.html
+++ b/src/main/resources/templates/conferences/conferences.html
@@ -23,7 +23,10 @@
                             <div class="form-check p-1 bd-highlight">
                                 <input class="" type="checkbox"/>
                             </div>
-                            <div class="conference-info p-1 flex-grow-1 bd-highlight d-flex">
+                            <div class="form-check p-1 bd-highlight">
+                                <input class="" type="checkbox"/>
+                            </div>
+                            <div class="conference-info p-1 flex-grow-1 bd-highlight d-flex" data-href="./conference">
                                 <div class="conference-name p-1 flex-grow-1 bd-highlight">Конференция 1</div>
                                 <div class="conference-date p-1 bd-highlight">01.01.1990</div>
                             </div>