Fix timeline slider issue on webkit by making legend box longer

I have no idea why those two are related, but apparently they are.
hamogu · May 29, 2024 · 3c3f717 · 3c3f717
1 parent 0c06139
commit 3c3f717
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -8,9 +8,10 @@
 	<title>MA ENERGY CODES</title>
 
 	<link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
-
-    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin=""/>
-    <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script>
+<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
+	integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
+<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
+	integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
 	<script src="./leaflet.timeline.js"></script>
 	<style>
 		html, body {
@@ -150,7 +151,7 @@
 		const labels = [`<i style="background:${getColor(0)}"></i> Base Energy Code`,
         `<i style="background:${getColor(1)}"></i> Stretch Code`,
         `<i style="background:${getColor(2)}"></i> Specialized Opt-in Code`,
-        `<i style="background:${getColor(12)}"></i> Specialized Opt-in Code &plus; Fossil Fuel Free`,
+        `<i style="background:${getColor(12)}"></i> Specialized Opt-in Code &plus; Fossil Fuel Free program`,
         ];
 
 		div.innerHTML = labels.join('<br>');