From 2a5070aa8a392012968392c42ebe7c854ce7afda Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Fri, 15 Jun 2018 09:36:14 +0200
Subject: [PATCH] Client: style changes

---
 .../src/components/Activity/ActivityAddOrEdit.jsx    |  2 ++
 .../Activity/ActivityDisplay/ActivityNoMap.jsx       |  9 +++++++++
 .../components/Activity/ActivityDisplay/index.jsx    | 11 +++++++----
 fittrackee_client/src/components/App.css             | 12 ++++++++++++
 4 files changed, 30 insertions(+), 4 deletions(-)
 create mode 100644 fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNoMap.jsx

diff --git a/fittrackee_client/src/components/Activity/ActivityAddOrEdit.jsx b/fittrackee_client/src/components/Activity/ActivityAddOrEdit.jsx
index 9a8b5518..fdde8d19 100644
--- a/fittrackee_client/src/components/Activity/ActivityAddOrEdit.jsx
+++ b/fittrackee_client/src/components/Activity/ActivityAddOrEdit.jsx
@@ -58,6 +58,7 @@ class ActivityAddEdit extends React.Component {
                           <div className="col">
                             <label className="radioLabel">
                             <input
+                              className="add-activity-radio"
                               type="radio"
                               name="withGpx"
                               disabled={loading}
@@ -70,6 +71,7 @@ class ActivityAddEdit extends React.Component {
                           <div className="col">
                             <label className="radioLabel">
                             <input
+                              className="add-activity-radio"
                               type="radio"
                               name="withoutGpx"
                               disabled={loading}
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNoMap.jsx b/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNoMap.jsx
new file mode 100644
index 00000000..6ef6bdcb
--- /dev/null
+++ b/fittrackee_client/src/components/Activity/ActivityDisplay/ActivityNoMap.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function ActivityNoMap() {
+  return (
+    <div className="activity-no-map text-center">
+      No Map
+    </div>
+  )
+}
diff --git a/fittrackee_client/src/components/Activity/ActivityDisplay/index.jsx b/fittrackee_client/src/components/Activity/ActivityDisplay/index.jsx
index 66a72445..ad8d56fc 100644
--- a/fittrackee_client/src/components/Activity/ActivityDisplay/index.jsx
+++ b/fittrackee_client/src/components/Activity/ActivityDisplay/index.jsx
@@ -6,6 +6,7 @@ import ActivityCardHeader from './ActivityCardHeader'
 import ActivityCharts from './ActivityCharts'
 import ActivityDetails from './ActivityDetails'
 import ActivityMap from './ActivityMap'
+import ActivityNoMap from './ActivityNoMap'
 import ActivityNotes from './ActivityNotes'
 import CustomModal from './../../Others/CustomModal'
 import { getOrUpdateData } from '../../../actions'
@@ -78,11 +79,13 @@ class ActivityDisplay extends React.Component {
                       </div>
                       <div className="card-body">
                         <div className="row">
-                          {activity.with_gpx && (
-                            <div className="col-8">
+                          <div className="col-8">
+                            {activity.with_gpx ? (
                               <ActivityMap activity={activity} />
-                            </div>
-                          )}
+                            ) : (
+                              <ActivityNoMap />
+                            )}
+                          </div>
                           <div className="col">
                             <ActivityDetails activity={activity} />
                           </div>
diff --git a/fittrackee_client/src/components/App.css b/fittrackee_client/src/components/App.css
index e1c289b9..040512ae 100644
--- a/fittrackee_client/src/components/App.css
+++ b/fittrackee_client/src/components/App.css
@@ -73,6 +73,14 @@ label {
   padding: 0;
 }
 
+.activity-no-map {
+  background-color: #eaeaea;
+  color: #666666;
+  font-style: italic;
+  height: 400px;
+  line-height: 400px;
+}
+
 .activity-notes {
   font-size: 0.9em;
   font-style: italic;
@@ -98,6 +106,10 @@ label {
   margin-top: 50px;
 }
 
+.add-activity-radio {
+  margin-right: 10px;
+}
+
 .admin-img {
   max-width: 35px;
   max-height: 35px;