Client - style update

fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutMap.vue

@@ -104,8 +104,17 @@
 
 <style lang="scss" scoped>
   @import '~@/scss/base';
-  .leaflet-container {
-    height: 400px;
-    width: 600px;
+  #workout-map {
+    .leaflet-container {
+      height: 400px;
+      width: 600px;
+    }
+
+    @media screen and (max-width: $small-limit) {
+      .leaflet-container {
+        width: 100%;
+        height: 300px;
+      }
+    }
   }
 </style>

fittrackee_client/src/components/Workout/WorkoutDetail/index.vue

@@ -81,7 +81,9 @@
 <style lang="scss" scoped>
   @import '~@/scss/base';
   .workout-detail {
+    display: flex;
     ::v-deep(.card) {
+      width: 100%;
       .card-title {
         display: flex;
         justify-content: space-between;