From 126a9153a184c3ccb7106807c66ed3551543b2d9 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Wed, 9 Aug 2023 11:00:16 +0200
Subject: [PATCH] Some minor fixes for mobile

---
 index.css                            |  2 +-
 src/modules/feature/FeatureStep.vue  | 13 ++++++++++++-
 src/modules/feature/FeatureSteps.vue |  1 -
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/index.css b/index.css
index 8fd0a71..470244e 100644
--- a/index.css
+++ b/index.css
@@ -121,7 +121,7 @@ li {
 }
 
 /* Wide screen */
-@media only screen and (min-width: 750px) {
+@media only screen and (min-width: 751px) {
   .pilars {
     flex-direction: row;
   }
diff --git a/src/modules/feature/FeatureStep.vue b/src/modules/feature/FeatureStep.vue
index b99f6fb..c3351f3 100644
--- a/src/modules/feature/FeatureStep.vue
+++ b/src/modules/feature/FeatureStep.vue
@@ -56,7 +56,11 @@ const binContainerWidth = computed(() => {
       </ul>
     </section>
     <section class="done">
-      <h5>✅ [{{ featuresDone.length }}]</h5>
+      <h5>
+        ✅ [{{ featuresDone.length
+        }}<template v-if="!isLive">/{{ step.blueBins }}</template
+        >]
+      </h5>
       <div ref="binContainer">
         <div
           v-if="!isLive"
@@ -158,6 +162,13 @@ const binContainerWidth = computed(() => {
     z-index: 0;
   }
 
+  /* mobile screen */
+  @media only screen and (max-width: 750px) {
+    .blue-bin-container {
+      display: none;
+    }
+  }
+
   .live {
     text-align: center;
   }
diff --git a/src/modules/feature/FeatureSteps.vue b/src/modules/feature/FeatureSteps.vue
index 500c057..fbadf57 100644
--- a/src/modules/feature/FeatureSteps.vue
+++ b/src/modules/feature/FeatureSteps.vue
@@ -29,7 +29,6 @@ onMounted(() => featureStore.initBoard(NUMBER_OF_FEATURES))
 .features-steps {
   display: flex;
   gap: 1rem;
-  flex-wrap: wrap;
   align-items: stretch;
   margin: 0 1rem;
   border: 3px solid var(--primary-color);