diff --git a/priv/frontend/src/components/Graph.css b/priv/frontend/src/components/Graph.css
index 914de07..011c3cf 100644
--- a/priv/frontend/src/components/Graph.css
+++ b/priv/frontend/src/components/Graph.css
@@ -2,13 +2,21 @@
width: 100%;
}
+.recharts-cartesian-axis-tick-value {
+ font-size: 0.85em;
+}
+
.recharts-tooltip-wrapper .recharts-default-tooltip {
- padding: 0 0.5rem !important;
+ padding: 0 0.5em !important;
border-radius: 0.2rem;
- font-size: 0.85rem;
+ font-size: 0.85em;
opacity: 0.85;
}
+.recharts-default-tooltip li {
+ color: inherit !important;
+}
+
.recharts-tooltip-item-value {
font-family: PragmataPro, Menlo, "DejaVu Sans Mono", monospace;
}
diff --git a/priv/frontend/src/components/Graph.js b/priv/frontend/src/components/Graph.js
index 7a4eb43..808183c 100644
--- a/priv/frontend/src/components/Graph.js
+++ b/priv/frontend/src/components/Graph.js
@@ -63,10 +63,14 @@ export default class Graph extends Component {
tickFormatter={(tick) => ms(Date.now() - tick)}
tickLine={false}
/>
-
+ {this.isSmallScreen()
+ ? null
+ : `${tick}ms`}
+ />
+ }