From 80948a998d68a3d727f6b7ff6830c25c7d7ca431 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Wed, 22 Jun 2022 16:32:28 +0200
Subject: [PATCH] Client - fix workout title display on workout list - fix #191

---
 .../src/components/Workouts/WorkoutsList.vue           | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/fittrackee_client/src/components/Workouts/WorkoutsList.vue b/fittrackee_client/src/components/Workouts/WorkoutsList.vue
index f5d44845..00ec4d0e 100644
--- a/fittrackee_client/src/components/Workouts/WorkoutsList.vue
+++ b/fittrackee_client/src/components/Workouts/WorkoutsList.vue
@@ -71,7 +71,7 @@
                     class="fa fa-map-o"
                     aria-hidden="true"
                   />
-                  {{ workout.title }}
+                  <span class="title">{{ workout.title }}</span>
                 </router-link>
                 <StaticMap
                   v-if="workout.with_gpx && hoverWorkoutId === workout.id"
@@ -326,6 +326,14 @@
           position: relative;
           .fa-map-o {
             font-size: 0.75em;
+            padding-right: $default-padding * 0.5;
+          }
+          .nav-item {
+            white-space: nowrap;
+            .title {
+              word-break: break-word;
+              white-space: normal;
+            }
           }
           .static-map {
             display: none;