Client - fix card position in small screens when adding workouts

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>