design: change jean item

src/AppHeijunka.vue

@@ -93,6 +93,11 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
         <li>2 pairs of shoes <ShoeItem v-for="_ in Array(2)" /></li>
         <li>2 hats <HatItem v-for="_ in Array(2)" /></li>
       </ul>
+      <p>
+        As there are 4 hours of production per day, you must produce 4 products
+        per day to meet the 12 orders every 3 days. At the end, you produce 1
+        product every hour.
+      </p>
       <section class="factory">
         <h2>Factory</h2>
 
@@ -158,10 +163,6 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
             <path d="M7 4v16l13 -8z" />
           </svg> -->
         </button>
-        <span v-if="heijunkaStore.meta.currentHour > 0">
-          day: {{ heijunkaStore.currentDay }} | current hour:
-          {{ heijunkaStore.meta.currentHour }} hours
-        </span>
         <button class="button-outline" @click="heijunkaStore.reset()">
           reset
         </button>
@@ -178,6 +179,12 @@ const createdAt = new Date('2026-01-01').toLocaleDateString(undefined, {
           </button>
         </div>
       </section>
+      <div>
+        <span v-if="heijunkaStore.meta.currentHour > 0">
+          day: {{ heijunkaStore.currentDay }} | current hour:
+          {{ heijunkaStore.meta.currentHour }} hours
+        </span>
+      </div>
 
       <section class="dashboard">
         Mean lead time: {{ heijunkaStore.meanLeadTime }}

src/modules/heijkunka/assets/JeanItem.vue

@@ -4,15 +4,17 @@
     width="24"
     height="24"
     viewBox="0 0 24 24"
-    fill="currentColor"
+    fill="none"
-    class="icon icon-tabler icons-tabler-filled icon-tabler-columns-2"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="icon icon-tabler icons-tabler-outline icon-tabler-layout-columns"
   >
     <path stroke="none" d="M0 0h24v24H0z" fill="none" />
     <path
-      d="M4 2h6a1 1 0 0 1 1 1v18a1 1 0 0 1 -1 1h-6a2 2 0 0 1 -2 -2v-16a2 2 0 0 1 2 -2"
+      d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"
-    />
-    <path
-      d="M14 2h6a2 2 0 0 1 2 2v16a2 2 0 0 1 -2 2h-6a1 1 0 0 1 -1 -1v-18a1 1 0 0 1 1 -1"
     />
+    <path d="M12 4l0 16" />
   </svg>
 </template>