From dcdc80e24dadad32036f6c4ab2c95ce39f84e7d6 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 11 Jul 2023 22:02:28 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(blue=20bins)=20add=20blue=20bins?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature-flow.css  | 8 +++++++-
 feature-flow.html | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/feature-flow.css b/feature-flow.css
index 874f006..eb4f45d 100644
--- a/feature-flow.css
+++ b/feature-flow.css
@@ -54,10 +54,16 @@ section ul {
 
 h5 {
   margin-bottom: 0;
+  background-color: var(--background-color);
+  color: var(--color);
+  padding: 0.35rem;
 }
 
-.blue-bucket {
+.blue-bin {
   margin-top: 1rem;
   border: 3px solid var(--background-color);
   height: 60px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
diff --git a/feature-flow.html b/feature-flow.html
index 0fd24bf..4495e54 100644
--- a/feature-flow.html
+++ b/feature-flow.html
@@ -62,8 +62,8 @@
           </section>
           <section class="done">
             <h5>done</h5>
-            <div class="blue-bucket"></div>
-            <div class="blue-bucket"></div>
+            <div class="blue-bin">Blue bucket</div>
+            <div class="blue-bin">Blue bucket</div>
           </section>
         </li>
         <li>