From b8aef3af4d97aaae509dbd3c229f15bc605a851e Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Mon, 29 Nov 2021 18:06:48 +0100
Subject: [PATCH] [Client] workout - minor style update

---
 .../WorkoutDetail/WorkoutCardTitle.vue        | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue b/fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue
index 862f5843..2089778f 100644
--- a/fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue
+++ b/fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue
@@ -20,7 +20,7 @@
       <SportImage :sport-label="sport.label" :color="sport.color" />
       <div class="workout-title-date">
         <div class="workout-title" v-if="workoutObject.type === 'WORKOUT'">
-          {{ workoutObject.title }}
+          <span>{{ workoutObject.title }}</span>
           <i
             class="fa fa-edit"
             aria-hidden="true"
@@ -140,10 +140,18 @@
     .workout-card-title {
       display: flex;
       flex-grow: 1;
+      align-items: center;
       .sport-img {
-        height: 35px;
-        width: 35px;
         padding: 0 $default-padding;
+        ::v-deep(svg) {
+          height: 35px;
+          width: 35px;
+        }
+      }
+      .workout-title {
+        span {
+          margin-right: $default-margin * 0.5;
+        }
       }
       .workout-date {
         font-size: 0.8em;
@@ -165,10 +173,7 @@
         .fa-download,
         .fa-trash,
         .fa-edit {
-          border: solid 1px var(--card-border-color);
-          border-radius: $border-radius;
-          margin-left: $default-margin * 0.5;
-          padding: 0 $default-padding;
+          padding: 0 $default-padding * 0.7;
         }
       }
     }