make things a little smaller

2 files changed, 6 insertions, 2 deletions

diff --git a/src/index.js b/src/index.js
index 104d145..7e9cdc6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -57,7 +57,10 @@ loadData().then(data => {
   const canvas = document.createElement('canvas');
   article.appendChild(canvas);
 
-  graph.setGraph({});
+  graph.setGraph({
+    rankSep: 20,
+    nodeSep: 40,
+  });
   graph.setDefaultEdgeLabel(() => ({}));
 
   let rootId;
diff --git a/src/ui.js b/src/ui.js
index 1bb44b2..32ac5f9 100644
--- a/src/ui.js
+++ b/src/ui.js
@@ -20,6 +20,7 @@ body.darktheme {
 body {
   background: var(--theme-backdrop);
   font-family: sans-serif;
+  font-size: 11px;
 }
 `;
 
@@ -42,7 +43,7 @@ section {
   position: absolute;
   overflow: hidden;
 
-  width: 350px;
+  width: 22em;
   color: var(--theme-note-fg);
   background: var(--theme-note-bg);