From 1e1d968fdfc2b54a7247baceb79c9a8e21bda9e4 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Thu, 7 Jun 2018 12:58:23 +0200
Subject: [PATCH] Client: minor styles changes

---
 mpwo_client/src/components/App.css                    | 4 ++++
 mpwo_client/src/components/Dashboard/ActivityCard.jsx | 3 ++-
 mpwo_client/src/components/Dashboard/Statistics.jsx   | 1 -
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/mpwo_client/src/components/App.css b/mpwo_client/src/components/App.css
index 636ce365..9c322e4d 100644
--- a/mpwo_client/src/components/App.css
+++ b/mpwo_client/src/components/App.css
@@ -41,6 +41,10 @@
   to { transform: rotate(360deg); }
 }
 
+a {
+  color: #40578a;
+}
+
 .card {
   text-align: left;
 }
diff --git a/mpwo_client/src/components/Dashboard/ActivityCard.jsx b/mpwo_client/src/components/Dashboard/ActivityCard.jsx
index 90ba94be..887c9180 100644
--- a/mpwo_client/src/components/Dashboard/ActivityCard.jsx
+++ b/mpwo_client/src/components/Dashboard/ActivityCard.jsx
@@ -1,3 +1,4 @@
+import { format } from 'date-fns'
 import React from 'react'
 import { Link } from 'react-router-dom'
 
@@ -12,7 +13,7 @@ export default function ActivityCard (props) {
         <Link to={`/activities/${activity.id}`}>
         {sports.filter(sport => sport.id === activity.sport_id)
                .map(sport => sport.label)} -{' '}
-        {activity.activity_date}
+        {format(activity.activity_date, 'DD/MM/YYYY HH:mm')}
         </Link>
       </div>
       <div className="card-body">
diff --git a/mpwo_client/src/components/Dashboard/Statistics.jsx b/mpwo_client/src/components/Dashboard/Statistics.jsx
index 2007226d..e07c5960 100644
--- a/mpwo_client/src/components/Dashboard/Statistics.jsx
+++ b/mpwo_client/src/components/Dashboard/Statistics.jsx
@@ -85,7 +85,6 @@ class Statistics extends React.Component {
                   <XAxis
                     dataKey="date"
                     interval={0} // to force to display all ticks
-                    label={{ value: 'date', offset: 0, position: 'bottom' }}
                   />
                   <YAxis
                     tickFormatter={value => displayedData === 'distance'