diff --git a/js/components/SiteDocuments.js b/js/components/SiteDocuments.js
index 4e119f3..e108bd0 100644
--- a/js/components/SiteDocuments.js
+++ b/js/components/SiteDocuments.js
@@ -11,28 +11,45 @@ export class SiteDocuments {
     }
 
     render() {
-        let content = `<div class="has-bottom-border">
-                <h3 class="p-2">Documentazione di archivio</h3>
-            <div class="p-2">
-            <ol class="ml-2 pl-4">
+        let content = `
+            <div class="has-bottom-border">
+                <h3 class="p-2 has-text-centered is-size-5">Documentazione di archivio</h3>
+                <p class="p-2 has-text-centered">${this._siteData.documenti}</p>
+                <div class="p-2">
+                <table class="p-4 table is-fullwidth is-striped">
+                    <tr><th>Titolo</th><th>Autori</th><th>Download</th></tr>
             `;
 		for (const doc of this._siteData.documents.filter(d => d.tipo === 'documentazione')) {
 			content += `
-				<li><a href="docs/${doc.filename}">${doc.titolo}</a></li>
+				<tr><td>${doc.titolo}</td><td>${doc.autori}</td><td><a class="button is-link has-text-white" href="docs/${doc.filename}">
+                    <i class="fa fa-download mr-2"></i> PDF
+                </a></td></tr>
 			`;
 		}
-		content += '</ol></div></div>';
-		content += `<div class="has-bottom-border">
-                <h3 class="p-2">Pubblicazioni del progetto Carta Archeologica</h3>
-            <div class="p-2">
-            <ol class="ml-2 pl-4">
+		content += `
+                </table>
+                </div>
+            </div>
+        `;
+		content += `
+            <div class="has-bottom-border mt-5">
+                <h3 class="p-2 has-text-centered is-size-5">Pubblicazioni del progetto Carta Archeologica</h3>
+                <div class="p-2">
+                <table class="p-4 table is-fullwidth is-striped">
+                    <tr><th>Titolo</th><th>Autori</th><th>Download</th></tr>
         `;
 		for (const doc of this._siteData.documents.filter(d => d.tipo === 'pubblicazione')) {
 			content += `
-				<li><a href="docs/${doc.filename}">${doc.titolo}</a></li>
+				<tr><td>${doc.titolo}</td><td>${doc.autori}</td><td><a class="button is-link has-text-white" href="docs/${doc.filename}">
+                    <i class="fa fa-download mr-2"></i> PDF
+                </a></td></tr>
 			`;
 		}
-		content += '</ol></div></div>';
+		content += `
+                </table>
+                </div>
+            </div>
+        `;
 
         return content;
     }
diff --git a/js/components/SiteSheet.js b/js/components/SiteSheet.js
index 3eaade5..2235ad7 100644
--- a/js/components/SiteSheet.js
+++ b/js/components/SiteSheet.js
@@ -28,7 +28,6 @@ export class SiteSheet {
                 <tr><th>Luogo custodia materiali</th><td>${this._siteData.luogo_custodia_mat}</td></tr>
                 <tr><th>Tutela vigente</th><td>${this._siteData.tutela_vigente}</td></tr>
                 <tr><th>Stato di conservazione</th><td>${this._siteData.stato_conserv}</td></tr>
-                <tr><th>Documenti</th><td>${this._siteData.documenti}</td></tr>
                 <tr><th>Descrizione</th>
                     <td><details><summary class="is-clickable">Leggi tutto</summary>${this._siteData.descrizione}</details></td>
                 </tr>