Reformat details window

res/include/script/file_viewer/DetailsWindow.js

@@ -8,7 +8,7 @@ function DetailsWindow(viewer) {
 	this.modal = new Modal(
 		document.getElementById("file_viewer"),
 		() => { this.toggle() },
-		"File Details", "1500px", "1000px",
+		"File Details", "1200px", "1000px",
 	)
 
 	let clone = document.getElementById("tpl_details_popup").content.cloneNode(true)
@@ -43,14 +43,14 @@ DetailsWindow.prototype.setFile = function(file) {
 	if (this.viewer.isList) {
 		desc = file.description
 	}
-	this.divFileDetails.innerHTML = "<tr><td>Name<td><td>" + escapeHTML(file.name) + "</td></tr>"
-		+ "<tr><td>URL<td><td><a href=\""+file.link+"\">"+file.link+"</a></td></tr>"
-		+ "<tr><td>Mime Type<td><td>" + escapeHTML(file.mime_type) + "</td></tr>"
-		+ "<tr><td>ID<td><td>" + file.id + "</td></tr>"
-		+ "<tr><td>Size<td><td>" + formatDataVolume(file.size, 4) + "</td></tr>"
-		+ "<tr><td>Bandwidth<td><td>" + formatDataVolume(file.bandwidth_used, 4) + "</td></tr>"
-		+ "<tr><td>Upload Date<td><td>" + printDate(file.date_created, true, true, true) + "</td></tr>"
-		+ "<tr><td>Description<td><td>" + escapeHTML(desc) + "</td></tr>"
+	this.divFileDetails.innerHTML = `<tr><td>Name<td><td>${escapeHTML(file.name)}</td></tr>
+		<tr><td>URL<td><td><a href="${file.link}">${file.link}</a></td></tr>
+		<tr><td>Mime Type<td><td>${escapeHTML(file.mime_type)}</td></tr>
+		<tr><td>ID<td><td>${file.id}</td></tr>
+		<tr><td>Size<td><td>${formatDataVolume(file.size, 4)} ( ${formatThousands(file.size)} B )</td></tr>
+		<tr><td>Bandwidth<td><td>${formatDataVolume(file.bandwidth_used, 4)}</td></tr>
+		<tr><td>Upload Date<td><td>${printDate(file.date_created, true, true, true)}</td></tr>
+		<tr><td>Description<td><td>${escapeHTML(desc)}</td></tr>`
 
 	if (this.visible && file.timeseries_href !== "") {
 		this.updateGraph(file)