From c811ed5320f14efb091749ddcd08e9fa661b28db Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 27 May 2023 23:05:10 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(production=20flow)=20add=20litt?=
 =?UTF-8?q?le=20twicks=20to=20the=20flow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/flow/ProductionFlow.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/flow/ProductionFlow.vue b/src/components/flow/ProductionFlow.vue
index 03e801e..f686ed2 100644
--- a/src/components/flow/ProductionFlow.vue
+++ b/src/components/flow/ProductionFlow.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useProductionFlow } from "@/modules/flow/store/useProductionFlow.store";
-import AddFlow from "@/modules/flow/components/AddFlow.vue";
+import { useProductionFlow } from "@/modules/flow/store/useProductionFlow.store"
+import AddStep from "@/modules/flow/components/AddStep.vue"
 
-const store = useProductionFlow();
+const store = useProductionFlow()
 </script>
 
 <template>
@@ -20,7 +20,18 @@ const store = useProductionFlow();
 .production-flow {
   ul {
     display: flex;
-    justify-content: space-around;
+    gap: 1rem;
+    overflow-x: auto;
+    border: 2px solid rgb(69, 90, 85);
+    border-radius: 1rem;
+    padding: 1rem;
+    margin: 1rem 0;
+    min-height: 400px;
+
+    li {
+      min-width: 150px;
+      list-style-type: none;
+    }
   }
 }
 </style>