From 8a85f6d1c0dcf1184608a219cef8ef9400292843 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Sun, 27 Mar 2022 13:10:03 +0200
Subject: [PATCH] Client - fix duration inputs + style fix on picture edition

---
 .../components/User/ProfileEdition/UserPictureEdition.vue   | 1 +
 fittrackee_client/src/components/Workout/WorkoutEdition.vue | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/fittrackee_client/src/components/User/ProfileEdition/UserPictureEdition.vue b/fittrackee_client/src/components/User/ProfileEdition/UserPictureEdition.vue
index 627f2b91..8682a397 100644
--- a/fittrackee_client/src/components/User/ProfileEdition/UserPictureEdition.vue
+++ b/fittrackee_client/src/components/User/ProfileEdition/UserPictureEdition.vue
@@ -89,6 +89,7 @@
     .user-picture-form {
       display: flex;
       flex-direction: column;
+      margin-top: $default-margin;
 
       form {
         display: flex;
diff --git a/fittrackee_client/src/components/Workout/WorkoutEdition.vue b/fittrackee_client/src/components/Workout/WorkoutEdition.vue
index bf91bcde..4cc001d6 100644
--- a/fittrackee_client/src/components/Workout/WorkoutEdition.vue
+++ b/fittrackee_client/src/components/Workout/WorkoutEdition.vue
@@ -137,6 +137,8 @@
                         class="workout-duration"
                         type="text"
                         placeholder="HH"
+                        minlength="1"
+                        maxlength="2"
                         pattern="^([0-1]?[0-9]|2[0-3])$"
                         required
                         @invalid="invalidateForm"
@@ -150,6 +152,8 @@
                         class="workout-duration"
                         type="text"
                         pattern="^([0-5][0-9])$"
+                        minlength="2"
+                        maxlength="2"
                         placeholder="MM"
                         required
                         @invalid="invalidateForm"
@@ -163,6 +167,8 @@
                         class="workout-duration"
                         type="text"
                         pattern="^([0-5][0-9])$"
+                        minlength="2"
+                        maxlength="2"
                         placeholder="SS"
                         required
                         @invalid="invalidateForm"