Migliorata grafica immagine relativa alla persona

Persona.html

@@ -113,7 +113,6 @@
 
 							<div class="row box-info-container">
 								<div class="col" id="info_persona">
-
 									<div class="row mb-2" id="PersonName">
 										<div class="col-sm-4">
 											<span class="label">Forma documentata:</span>
@@ -303,20 +302,10 @@
 									</div>
 								</div>
 
-								<div class="col-3" id="mark_image" style="display:none;">
-									<div class="row">
-										<div class="col">
-											<div class="row">
-												<div id="contrassegno" class="col"></div>
-											</div>
-											<div class="row">
-												<div class="col" id="nome_contrassegno"></div>
-											</div>
-										</div>
-									</div>
-									
+								<div class="col-sm-5 col-md-4 col-lg-3 box-info-image" id="mark_image" style="display:none;">
+									<div id="contrassegno"></div>
+									<div id="nome_contrassegno"></div>
 								</div> 
-
 							</div>
 
 							<div class="d-flex justify-content-end" id="map_buttons">

js/people.js

@@ -1104,7 +1104,7 @@ function handle_Contrassegni(json) {
     json['results']['bindings'],
     function (index, value) {
       if (value.hasOwnProperty('image')) {
-        $("#mark_image").css("display", "flex");
+        $("#mark_image").css("display", "block");
         id_image = value['image']['value'];
       }
       if (value.hasOwnProperty('contrassegno')) {

scss/_global.scss

@@ -123,6 +123,20 @@ a {
     padding: 5px 13px;
 }
 
+.box-info-image {
+    #contrassegno {
+        border: 1px solid #ccc;
+        padding: 5px;
+        margin-bottom: 3px;
+    }
+    #nome_contrassegno {
+        font-size: 15px;
+        color: #5e5e5e;
+        line-height: 1.25;
+        font-style: italic;
+    }
+}
+
 .headInfo {
     margin-bottom: 20px;
     h2 {