adding hover effects to the year and month buttons in calendar view

changing the border color to black when hovering over a month or year button on the calendar view page

diff --git a/css/front.css b/css/front.css
index 5df9713..49ccf8a 100755 (executable)
--- a/css/front.css
+++ b/css/front.css
@@ -394,18 +394,22 @@ a.fc-time-grid-event.fc-v-event {
     
 }
 
-.date-highlight{
-    color: red;
-    font-weight: bold;
-}
+
 .month-nav, .year-nav{
     display: inline-block;
     margin: 5px;
-    border: 1px solid black;
+    border: 1px solid lightgrey;
     padding: 3px 5px;
 }
 .month-nav:hover, .year-nav:hover{
     cursor: pointer;
+    border: 1px solid black;
+    
+}
+.date-highlight{
+    color: red;
+    font-weight: bold;
+    border: 1px solid black;
 }
 .current-date{
     background: #f5822a;