coin2html: drop the root in account list, make it narrower

mkobetic · Dec 8, 2024 · 4a569ee · 4a569ee
1 parent 54795c7
commit 4a569ee
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 20 deletions.
diff --git a/cmd/coin2html/js/src/views.ts b/cmd/coin2html/js/src/views.ts
@@ -238,7 +238,7 @@ export function addAccountList() {
     .selectAll("li")
     .data(account.allChildren())
     .join("li")
-    .text((d) => d.fullName)
+    .text((d) => State.SelectedAccount.relativeName(d))
     .on("click", (e: Event) => {
       State.SelectedAccount = (e.currentTarget as liWithAccount).__data__;
       updateAccount();

diff --git a/cmd/coin2html/js/styles.css b/cmd/coin2html/js/styles.css
@@ -10,10 +10,11 @@ label {
 }
 
 /* SIDEBAR */
+
 #sidebar {
   display: flex; /* override display: block to make flex-direction work */
   flex-direction: column;
-  flex-basis: 20%; /* horizontal screen proportion */
+  flex-basis: 15%; /* horizontal screen proportion */
 }
 
 #sidebar ul#accounts {
@@ -26,8 +27,9 @@ label {
 }
 
 /* MAIN SECTION */
+
 #main {
-  flex-basis: 80%; /* horizontal screen proportion */
+  flex-basis: 85%; /* horizontal screen proportion */
 }
 #main h1 {
   margin: 0.3em; /* reduce margin */

diff --git a/examples/yearly/viewer/index.html b/examples/yearly/viewer/index.html