minor fix on statistics page

This commit is contained in:
Sam 2019-01-05 13:02:55 +01:00
parent 02999107fb
commit 7659940725
2 changed files with 70 additions and 60 deletions

View File

@ -138,6 +138,10 @@ label {
margin-left: 60px; margin-left: 60px;
} }
.chart-arrows {
margin-top: 7px;
}
.chart-filters { .chart-filters {
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -153,7 +157,7 @@ label {
} }
.chart-radio label { .chart-radio label {
display: flex; /* display: flex; */
} }
.chart-radio input { .chart-radio input {

View File

@ -13,6 +13,7 @@ import {
subYears subYears
} from 'date-fns' } from 'date-fns'
import React from 'react' import React from 'react'
import { Helmet } from 'react-helmet'
import { connect } from 'react-redux' import { connect } from 'react-redux'
import { activityColors } from '../../utils/activities' import { activityColors } from '../../utils/activities'
@ -110,6 +111,10 @@ class Statistics extends React.Component {
const { displayedSports, statsParams } = this.state const { displayedSports, statsParams } = this.state
const { sports } = this.props const { sports } = this.props
return ( return (
<>
<Helmet>
<title>FitTrackee - Statistics</title>
</Helmet>
<div className="container dashboard"> <div className="container dashboard">
<div className="card activity-card"> <div className="card activity-card">
<div className="card-header"> <div className="card-header">
@ -117,7 +122,7 @@ class Statistics extends React.Component {
</div> </div>
<div className="card-body"> <div className="card-body">
<div className="chart-filters row"> <div className="chart-filters row">
<div className="col"> <div className="col chart-arrows">
<p className="text-center"> <p className="text-center">
<i <i
className="fa fa-chevron-left" className="fa fa-chevron-left"
@ -140,7 +145,7 @@ class Statistics extends React.Component {
))} ))}
</select> </select>
</div> </div>
<div className="col"> <div className="col chart-arrows">
<p className="text-center"> <p className="text-center">
<i <i
className="fa fa-chevron-right" className="fa fa-chevron-right"
@ -173,6 +178,7 @@ class Statistics extends React.Component {
</div> </div>
</div> </div>
</div> </div>
</>
) )
} }
} }