From 6b94a4715a2b8fbdc143cd4e1a25c32aa6ad0b4c Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Wed, 29 Sep 2021 16:57:05 +0200
Subject: [PATCH] Client - update workout detail style on mobile

---
 .../Workout/WorkoutDetail/WorkoutCardTitle.vue         | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue b/fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue
index 9d138f54..431fe2cf 100644
--- a/fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue
+++ b/fittrackee_client/src/components/Workout/WorkoutDetail/WorkoutCardTitle.vue
@@ -149,6 +149,16 @@
       .fa {
         padding: 0 $default-padding * 0.3;
       }
+
+      @media screen and (max-width: $small-limit) {
+        .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;
+        }
+      }
     }
   }
 </style>