Replace chart legend with custom component.

2020-10-14 16:39:26 -07:00
parent 894736d474
commit 8e987b6b9d
5 changed files with 41 additions and 15 deletions
--- a/components/metrics/BarChart.module.css
+++ b/components/metrics/BarChart.module.css
@@ -41,3 +41,20 @@
  width: 10px;
  height: 10px;
 }
+
+.legend {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin-top: 10px;
+}
+
+.label {
+  display: flex;
+  align-items: center;
+  font-size: var(--font-size-xsmall);
+}
+
+.label + .label {
+  margin-left: 20px;
+}