diff --git a/src/components/graph/ChartView.ts b/src/components/graph/ChartView.ts
index 126131f..d48c114 100644
--- a/src/components/graph/ChartView.ts
+++ b/src/components/graph/ChartView.ts
@@ -3,15 +3,21 @@ import styled from "styled-components"
export const ChartView = styled.div`
width: 90%;
+ div{
+ margin-top: 32px;
+ }
+
@media (max-width: 900px) {
min-width: 20rem
}
+
`
export const ChartTitleView = styled.div`
display: flex;
justify-content: center;
align-items: center;
+ margin-top: 50px;
flex-direction: column;
diff --git a/src/components/graph/LineBarChart.tsx b/src/components/graph/LineBarChart.tsx
index cdc9c11..8a4eb73 100644
--- a/src/components/graph/LineBarChart.tsx
+++ b/src/components/graph/LineBarChart.tsx
@@ -81,7 +81,8 @@ export function LineBarChart({ title, subtitle, data1, data2, data3, label, red,
{
type: 'line' as const,
label: dataset1? dataset1 : 'Dataset 1',
- borderColor: red? '#f00' : '#0c9200',
+ borderColor: red?
+ '#f00' : '#0c9200',
borderWidth: 2,
fill: false,
data: data1.map(value => value),
@@ -110,7 +111,9 @@ export function LineBarChart({ title, subtitle, data1, data2, data3, label, red,
return (
-
+
+
+
)
}
diff --git a/src/pages/chartTelemetry.tsx b/src/pages/chartTelemetry.tsx
index b9e8947..5cb69c0 100644
--- a/src/pages/chartTelemetry.tsx
+++ b/src/pages/chartTelemetry.tsx
@@ -18,10 +18,10 @@ export default function chartTelemetry() {
)