From b60a734e6e293f6225c4507e8310f6772458966d Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Fri, 4 Aug 2023 00:15:41 +0200
Subject: [PATCH] fix table overflow x

---
 src/modules/record/components/TaskRecord.vue |  5 +++++
 src/modules/task/components/TaskForm.vue     | 10 ++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/modules/record/components/TaskRecord.vue b/src/modules/record/components/TaskRecord.vue
index f5bb7da..585b15b 100644
--- a/src/modules/record/components/TaskRecord.vue
+++ b/src/modules/record/components/TaskRecord.vue
@@ -97,4 +97,9 @@ const recordNotes = computed(() => recordStore.getRecordNotes(props.taskId))
   display: flex;
   align-items: center;
 }
+
+table {
+  display: block;
+  overflow-x: auto;
+}
 </style>
diff --git a/src/modules/task/components/TaskForm.vue b/src/modules/task/components/TaskForm.vue
index 4638498..828878b 100644
--- a/src/modules/task/components/TaskForm.vue
+++ b/src/modules/task/components/TaskForm.vue
@@ -44,7 +44,7 @@ const exampleSteps: Stepable[] = [
     id: createUuid(),
     title: 'commit, push and create the PR',
     estimation: 5
-  },
+  }
 ]
 
 const steps = ref<Stepable[]>(props.initialTask?.steps ?? exampleSteps)
@@ -75,6 +75,8 @@ const saveTask = () => {
 
   return false
 }
+
+const isValid = computed(() => title.value && steps.value.length > 0)
 </script>
 
 <template>
@@ -100,7 +102,11 @@ const saveTask = () => {
         <step-input v-model="steps" />
         <div class="columns is-centered">
           <div class="column is-one-third">
-            <button class="button is-primary is-fullwidth" type="submit">
+            <button
+              class="button is-primary is-fullwidth"
+              type="submit"
+              :disabled="!isValid"
+            >
               save
             </button>
           </div>