Client - update workout detail style on mobile

2021-09-29 16:57:05 +02:00 · 2021-09-29 16:57:05 +02:00 · 6b94a4715a
commit 6b94a4715a
parent 997469d959
1 changed files with 10 additions and 0 deletions
--- 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>