Rearrange admin panel to reduce clutter

svelte/src/admin_panel/Home.svelte

@@ -203,6 +203,7 @@ onDestroy(() => {
 </a>
 
 <section>
+	<h3>Process stats</h3>
 	<table>
 		<tr>
 			<td>DB Time</td>
@@ -214,16 +215,8 @@ onDestroy(() => {
 		</tr>
 	</table>
 
-	<h3>Cache nodes</h3>
-</section>
-	<PeerTable peers={status.peers.reduce((acc, val) => {if (val.role === "cache") {acc.push(val)}; return acc}, [])}/>
-<section>
-	<h3>Storage nodes</h3>
-</section>
-	<PeerTable peers={status.peers.reduce((acc, val) => {if (val.role === "storage") {acc.push(val)}; return acc}, [])}/>
-<section>
-
 	<h3>Pixelstore stats</h3>
+	<div class="table_scroll">
 		<table>
 			<thead>
 				<tr>
@@ -266,11 +259,12 @@ onDestroy(() => {
 				</tr>
 			</tbody>
 		</table>
+	</div>
 	<p>
-		Cache threshold: {status.cache_threshold.toFixed(3)}
+		Cache threshold: {formatDataVolume(status.cache_threshold, 4)}
 	</p>
 
-	<h3>Socket statistics</h3>
+	<h3>Socket stats</h3>
 	<table>
 		<thead>
 			<tr>
@@ -295,6 +289,16 @@ onDestroy(() => {
 			</tr>
 		</tbody>
 	</table>
+
+	<h3>Cache nodes</h3>
+</section>
+	<PeerTable peers={status.peers.reduce((acc, val) => {if (val.role === "cache") {acc.push(val)}; return acc}, [])}/>
+<section>
+	<h3>Storage nodes</h3>
+</section>
+	<PeerTable peers={status.peers.reduce((acc, val) => {if (val.role === "storage") {acc.push(val)}; return acc}, [])}/>
+<section>
+
 	<h3>Query statistics</h3>
 	<div class="table_scroll" style="text-align: left;">
 		<table>

svelte/src/util/Formatting.svelte

@@ -28,7 +28,7 @@ export const formatDataVolume = (amt, precision) => {
 	} else if (amt >= 1e3-1) {
 		return (amt/1e3).toPrecision(precision) + " kB";
 	}
-	return amt + " B"
+	return amt.toPrecision(precision) + " B"
 }
 export const formatDataVolumeBits = (amt, precision) => {
 	amt = amt*8