# HG changeset patch
# User Raphaël Gomès <rgomes@octobus.net>
# Date 1657273030 -7200
#      Fri Jul 08 11:37:10 2022 +0200
# Node ID ef0deab963929d614641d3f3bc2d3d99c7be2dfd
# Parent  b35d146e92f7ef939b243825309dbb44f755e8a0
web-ui: improve layout of graphs and add title

diff --git a/web-ui/src/lib/Benchmark.svelte b/web-ui/src/lib/Benchmark.svelte
--- a/web-ui/src/lib/Benchmark.svelte
+++ b/web-ui/src/lib/Benchmark.svelte
@@ -21,8 +21,7 @@
 <div class="benchmark">
     <div class="graphs">
         {#each Object.entries(groupResults(results)) as [repoName, data]}
-            <h4>{repoName}</h4>
-            <Graph {data} />
+            <Graph title={repoName} {data} />
         {/each}
     </div>
 </div>
diff --git a/web-ui/src/lib/Graph.svelte b/web-ui/src/lib/Graph.svelte
--- a/web-ui/src/lib/Graph.svelte
+++ b/web-ui/src/lib/Graph.svelte
@@ -5,6 +5,7 @@
   import { COLORS } from "../config.js";
   import { getNodeForResult, sortVersions } from "../utils";
 
+  export let title: string;
   export let data;
   let myChart;
 
@@ -84,6 +85,10 @@
               },
             },
           },
+          title: {
+            text: title,
+            display: true,
+          }
         },
         onClick: (e, elements) => {
           if (elements.length == 0) {