style: tune lag chart title

Author: sgratzl

src/modes/correlation/LagChart.svelte

@@ -36,15 +36,15 @@
 
   const dispatch = createEventDispatcher();
 
-  function generateSpec({ title, subTitle, zero } = {}) {
+  function generateSpec(secondary, { title, subTitle, zero } = {}) {
     /**
      * @type {import('vega-lite').TopLevelSpec}
      */
     const spec = {
       ...BASE_SPEC,
       width: 500,
       height: 100,
-      padding: { top: guessTopPadding(title, subTitle, 20), left: 42, bottom: 45, right: 8 },
+      padding: { top: guessTopPadding(title, subTitle, 20), left: 42, bottom: 50, right: 8 },
       title: {
         text: title,
         subtitle: subTitle,
@@ -59,7 +59,7 @@
                 nice: false,
               },
               axis: {
-                title: 'Lag (days)',
+                title: `Lag (days) applied to ${secondary.name}`,
                 labelOverlap: true,
               },
             },
@@ -121,7 +121,7 @@
             },
           ],
         },
-        genCreditsLayer({ shift: 45 }),
+        genCreditsLayer({ shift: 50 }),
         {
           transform: [
             {
@@ -171,9 +171,9 @@
   }
 
   let scaled = false;
-  $: spec = generateSpec({
+  $: spec = generateSpec(secondary, {
     zero: !scaled,
-    title: joinTitle([`R² between "${primary.name}" and `, `lagged "${secondary.name}"`], $isMobileDevice),
+    title: joinTitle([`R² between "${primary.name}" and`, `lagged "${secondary.name}"`], $isMobileDevice),
   });
 
   let vegaRef = null;