fix: small polishing

Author: sgratzl

src/data/correlationUtils.js

@@ -15,7 +15,7 @@ export function lagToOffset(lag, wrapped = true) {
     return wrap('1 day earlier');
   }
   if (lag < -1) {
-    return wrap(`${lag} days earlier`);
+    return wrap(`${-lag} days earlier`);
   }
   return '';
 }

src/modes/correlation/IndicatorCorrelation.svelte

@@ -118,9 +118,9 @@
           at all).
         </p>
         <p>
-          <strong>Lag</strong> is the number in days that an indicator can be shifted, with respect to another. For example,
-          if we hypothesize that an increase in new cases results in an increase in hospitalizations three days later, hospitalizations
-          are lagged 3 days.
+          <strong>Lag</strong> is the number of days that an indicator is shifted backwards with respect to another. For
+          example, if we hypothesize that an increase in new cases results in an increase in hospitalizations three days
+          later, hospitalizations are lagged 3 days. A negative lag would indicate the indicator is shifted forwards.
         </p>
       </AboutSection>
       <FancyHeader invert sub="Correlations">Lagged</FancyHeader>
@@ -165,6 +165,7 @@
         <h3 class="mobile-h3" slot="header">About the TIME SERIES</h3>
         <p>The x-axes in the time series plots below are offset from each other by the selected lag.</p>
       </AboutSection>
+      <p />
       <div class="chart-300">
         <HistoryLineChart sensor={primary} {date} {region} {fetcher} singleRegionOnly domain={domains.primary} />
       </div>

src/modes/correlation/IndicatorCorrelationChart.svelte

@@ -164,7 +164,7 @@
   }
 
   function makeIndicatorCompareSpec(primary, secondary, { zero = true, isMobile, xDomain = [], yDomain = [] } = {}) {
-    const title = joinTitle([`${primary.name} correlated with`, `${secondary.name} $lag_days_later`], isMobile);
+    const title = joinTitle([`${primary.name} correlated with`, `${secondary.name}$lag_days_later`], isMobile);
     /**
      * @type {import('vega-lite').TopLevelSpec}
      */

src/modes/mobile/IndicatorCorrelation.svelte

@@ -107,10 +107,10 @@
     at all).
   </p>
   <p>
-    It is sometimes useful to examine signals that move together, but are offset in time. For example, a change in new
-    cases is reflected in a change in deaths about 20 days later.
-    <strong>Lag</strong> is the number of days that an indicator is shifted, with respect to another. In this example, new
-    cases are most highly correlated with deaths at a lag of 20 days.
+    It is sometimes useful to examine signals that move together, but are offset in time.
+    <strong>Lag</strong> is the number of days that an indicator is shifted backwards with respect to another. For example,
+    a change in new cases is reflected in a change in deaths about 20 days later. In this example, new cases are most highly
+    correlated with deaths at a lag of 20 days. A negative lag would indicate the indicator is shifted forwards.
   </p>
   <p>This table shows the following metrics between indicators:</p>
   <ul>