Client - improve calendar display on mobile + fix

fittrackee_client/src/components/Dashboard/UserCalendar/CalendarCells.vue

@@ -157,6 +157,13 @@
       }
       .calendar-cell:last-child {
         border-right: 0;
+        @media screen and (max-width: $small-limit) {
+          .calendar-workouts {
+            .more-workouts {
+              left: -45px;
+            }
+          }
+        }
       }
       .disabled-cell {
         color: var(--app-color-light);
@@ -168,5 +175,15 @@
         background: var(--calendar-today-color);
       }
     }
+    @media screen and (max-width: $small-limit) {
+      .calendar-row:last-child {
+        .calendar-workouts {
+          .more-workouts {
+            top: inherit;
+            bottom: 20px;
+          }
+        }
+      }
+    }
   }
 </style>

fittrackee_client/src/components/Dashboard/UserCalendar/CalendarWorkout.vue

@@ -73,8 +73,9 @@
 
     @media screen and (max-width: $small-limit) {
       .sport-img {
-        width: 14px;
-        height: 14px;
+        padding: 3px;
+        width: 20px;
+        height: 20px;
       }
       sup {
         .custom-fa-small {

fittrackee_client/src/components/Dashboard/UserCalendar/CalendarWorkoutsChart.vue

@@ -112,7 +112,7 @@
         left: 0;
         min-width: 60px;
         @media screen and (max-width: $small-limit) {
-          min-width: 40px;
+          min-width: 70px;
         }
 
         margin-bottom: 20px;