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() {
- - - - + + + +
)