Fix grafica tabella eventi scheda persona

Persona.html

@@ -335,12 +335,12 @@
 								</div>
 								
 								<div class="row">
-									<div id="res_events"class="col">
-
+									<div class="box_results col-12 res-events-container">
+										<div class="res-events-table-container">
+											<table class="inner_results" id="res_events"></table>
+										</div>
 									</div>
-									
 								</div>
-
 							</div>
 
 							<div class="placeholder_container">

css/place_people.css

@@ -522,4 +522,28 @@ text.source {
 
 #ev_thead {
   font-weight: 600;
+}
+
+.res-events-container .res-events-table-container {
+  border: 1px solid;
+  border-radius: 6px;
+  overflow: auto;
+}
+
+.res-events-container .inner_results {
+  border: 0;
+}
+
+.res-events-container table {
+  width: 100%;
+}
+
+.res-events-container thead th {
+  padding-top: 7px;
+  padding-bottom: 10px;
+}
+
+.res-events-container tbody th {
+  padding-top: 15px;
+  padding-bottom: 15px;
 }

js/people.js

@@ -999,25 +999,27 @@ function handle_Events(json) {
 
   });
 
-  var thead = '<div id="ev_thead" class="row">' +
-  '<div class="col-2">Evento</div>' +
-  '<div class="col-2">Ruolo</div>' +
-  '<div class="col-2">Data</div>' +
-  '<div class="col-2">Luogo</div>' +
-  '<div class="col-4">Documento</div>' +
-  '</div>';
+  var thead = '<thead id="ev_thead" class="def_res"><tr>' +
+  '<th class="col-2">Evento</th>' +
+  '<th class="col-2">Ruolo</th>' +
+  '<th class="col-2">Data</th>' +
+  '<th class="col-2">Luogo</th>' +
+  '<th class="col-4">Documento</th>' +
+  '</tr></thead>';
 
   var EventsTable = thead;
+  EventsTable += '<tbody>';
 
   for (var i=0; i<events.length; i++) {
-    EventsTable += '<div class="row">' +
-    '<div class="col-2">' + events[i][0] + '</div>' +
-    '<div class="col-2">' + events[i][1] + '</div>' +
-    '<div class="col-2">' + events[i][2] + '</div>' +
-    '<div id="' + events[i][3] + '" class="col-2 luogo">' + events[i][4] + '</div>' +
-    '<div id="' + events[i][5] + '" class="col-4 object">' + events[i][6] + '</div>' +
-    '</div>';
+    EventsTable += '<tr class="res">' +
+    '<th class="col-2">' + events[i][0] + '</th>' +
+    '<th class="col-2">' + events[i][1] + '</th>' +
+    '<th class="col-2">' + events[i][2] + '</th>' +
+    '<th id="' + events[i][3] + '" class="col-2 luogo link">' + events[i][4] + '</th>' +
+    '<th id="' + events[i][5] + '" class="col-4 object link">' + events[i][6] + '</th>' +
+    '</tr>';
   }
+  EventsTable += '</tbody>';
 
   if (events.length != 0) {
     document.getElementById("res_events").innerHTML = EventsTable;

scss/_global.scss

@@ -170,7 +170,7 @@ a {
 .loader {
     border: 10px solid #f3f3f3;
     border-radius: 50%;
-    border-top: 10px solid #a2171c;
+    border-top: 10px solid $theme-color;
     width: 120px;
     height: 120px;
     -webkit-animation: spin 2s linear infinite;
@@ -191,3 +191,12 @@ a {
 #link_buttons {
     text-align: right;
 }
+
+.link {
+    text-decoration: underline;
+    cursor: pointer;
+    color: $theme-color;
+    &:hover {
+        color: #a2171c;
+    }
+}