From 11b24ab8d3e155f2e2b8f86491ffe47aa7c0e553 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Fri, 8 Apr 2022 18:07:45 +0200
Subject: [PATCH] Client - fix card position in small screens when adding
 workouts

---
 .../src/components/Workout/WorkoutEdition.vue   | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/fittrackee_client/src/components/Workout/WorkoutEdition.vue b/fittrackee_client/src/components/Workout/WorkoutEdition.vue
index 4cc001d6..06fd1491 100644
--- a/fittrackee_client/src/components/Workout/WorkoutEdition.vue
+++ b/fittrackee_client/src/components/Workout/WorkoutEdition.vue
@@ -421,12 +421,6 @@
   @import '~@/scss/vars.scss';
 
   #workout-edition {
-    @media screen and (max-width: $small-limit) {
-      &.center-form {
-        margin: 50px auto;
-      }
-    }
-
     ::v-deep(.card) {
       .card-title {
         text-align: center;
@@ -516,5 +510,16 @@
         }
       }
     }
+
+    @media screen and (max-width: $small-limit) {
+      margin-bottom: 0;
+      &.center-form {
+        margin: 50px auto;
+      }
+
+      &.with-margin {
+        margin-top: 0;
+      }
+    }
   }
 </style>