From cf524ecee4d4b2658056b95163354b2b90e61fd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20Mart=C3=ADnez=20Portela?=
 <sergio@codigoparallevar.com>
Date: Fri, 19 Aug 2022 19:36:32 +0200
Subject: [PATCH 1/3] Add styling to link titles.

---
 static/graph_explorer.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/static/graph_explorer.html b/static/graph_explorer.html
index ade81c3..26a8c1c 100644
--- a/static/graph_explorer.html
+++ b/static/graph_explorer.html
@@ -7,6 +7,12 @@
     <script type='text/javascript'>
       var NODE_GRAPH=<!-- REPLACE_THIS_WITH_GRAPH -->;
     </script>
+    <style>
+      text {
+          font-family: sans-serif;
+          font-size: 10px;
+      }
+    </style>
     <script>
       // Copyright 2021 Observable, Inc.
 // Released under the ISC license.

From f5e8fb25f7b70285238e65a63c34c292d23065a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20Mart=C3=ADnez=20Portela?=
 <sergio@codigoparallevar.com>
Date: Fri, 19 Aug 2022 19:36:42 +0200
Subject: [PATCH 2/3] Fill page with chart.

---
 static/graph_explorer.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/static/graph_explorer.html b/static/graph_explorer.html
index 26a8c1c..e7c68ce 100644
--- a/static/graph_explorer.html
+++ b/static/graph_explorer.html
@@ -269,6 +269,8 @@ function ForceGraph({
           linkLabel: (d) => { const e = edges[d.index]; if (e.relation) { return e.relation; } else { return ''; } },
       });
       holder.appendChild(chart);
+      chart.height = '100vh';
+      chart.width = '100vw';
       </script>
   </body>
 </html>

From 768065165f71717a44683b03e489268eb8a9b1bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20Mart=C3=ADnez=20Portela?=
 <sergio@codigoparallevar.com>
Date: Fri, 19 Aug 2022 19:37:53 +0200
Subject: [PATCH 3/3] Reduce link arrow sizes.

---
 static/graph_explorer.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/static/graph_explorer.html b/static/graph_explorer.html
index e7c68ce..abb6aee 100644
--- a/static/graph_explorer.html
+++ b/static/graph_explorer.html
@@ -86,15 +86,15 @@ function ForceGraph({
     // Add arrowheads
     svg.append('defs').append('marker')
         .attr('id', 'arrowhead')
-        .attr('viewBox', '-0 -5 10 10')
-        .attr('refX', 13)
+        .attr('viewBox', '-0 -2.5 5 5')
+        .attr('refX', 10)
         .attr('refY', 0)
         .attr('orient', 'auto')
-        .attr('markerWidth', 13)
-        .attr('markerHeight', 13)
+        .attr('markerWidth', 7)
+        .attr('markerHeight', 7)
         .attr('xoverflow', 'visible')
         .append('svg:path')
-        .attr('d', 'M 0,-5 L 10 ,0 L 0,5')
+        .attr('d', 'M 0,-2.5 L 5 ,0 L 0,2.5')
         .attr('fill', '#999')
         .style('stroke','none');