Client: style changes

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}

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>
+  )
+}

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">
+                            {activity.with_gpx ? (
                               <ActivityMap activity={activity} />
-                            </div>
+                            ) : (
+                              <ActivityNoMap />
                             )}
+                          </div>
                           <div className="col">
                             <ActivityDetails activity={activity} />
                           </div>

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;