Dashboard: display package data sizes in oplog entry and tree views. (#232)

* Wrong divisor for friendly giga-values

* We want Explorer style for kilo/kibi units; round up

* var -> const - zero idea if this matters

* Include sum of an entry's package data sizes in index

* Method to enurate all properties of a loaded oplog index

* Include bulkdata size in an oplog index

* Found a space that was missing

* Show package data sizes when viewing an oplog entry

* Navigating a component tree would error out at the end of the chain

* Parameterise friendly rounding

* Added size and rawsize columns to oplog tree view

* Sort of parameterised indexer's worker count and page size

* Right-align size columns on entry view page

* Updated frontend .zip archive

* A changelog update

1 files changed, 25 insertions, 5 deletions

diff --git a/src/zenserver/frontend/html/zen.css b/src/zenserver/frontend/html/zen.css
index 2463a6b5d..c9dc0d83e 100644
--- a/src/zenserver/frontend/html/zen.css
+++ b/src/zenserver/frontend/html/zen.css
@@ -405,17 +405,26 @@ a {
 	min-width:		15%;
 }
 
+/* entry -------------------------------------------------------------------- */
+
+#entry {
+	#datatable > div {
+		> div:nth-child(3), > div:nth-child(4) {
+			text-align: right;
+		}
+	}
+}
+
 /* tree --------------------------------------------------------------------- */
 
 #tree {
-	#tree_root {
-		margin-left:			5em;
-		margin-right:			10em;
+	#tree_root > ul {
+		margin-left:			0em;
 	}
 	ul {
 		list-style-type:		none;
 		padding-left:			0;
-		margin-left:			2em;
+		margin-left:			1em;
 	}
 	li > div {
 		display:				flex;
@@ -423,9 +432,20 @@ a {
 		padding-left:			0.3em;
 		padding-right:			0.3em;
 	}
-	li > div > div:last-child {
+	li > div > div[active] {
+		text-transform:			uppercase;
+	}
+	li > div > div:nth-last-child(3) {
 		margin-left:			auto;
 	}
+	li > div > div:nth-last-child(-n + 3) {
+		font-size:				0.8em;
+		width:					10em;
+		text-align:				right;
+	}
+	li > div > div:nth-last-child(1) {
+		width:					6em;
+	}
 	li > div:hover {
 		background-color:		var(--theme_p4);
 		border-bottom:			1px solid var(--theme_g2);