From 992734bb72df51c857bd9155517cd3d3b67bc556 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Mon, 31 May 2021 09:54:28 +0200
Subject: [PATCH] fix banner toggleFlags regular/occasionnal 'on' style ->
 stronger

---
 .../AccompanyingCourse/components/Banner/ToggleFlags.vue   | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/ToggleFlags.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/ToggleFlags.vue
index 67ef8c193..801bd8d6d 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/ToggleFlags.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/ToggleFlags.vue
@@ -1,9 +1,9 @@
 <template>
    <div>
       <a @click="toggleIntensity" class="flag-toggle">
-         {{ $t('course.occasional') }}
+         <span :class="{ 'on': !isRegular }">{{ $t('course.occasional') }}</span>
          <i class="fa" :class="{ 'fa-toggle-on': isRegular, 'fa-toggle-on fa-flip-horizontal': !isRegular }"></i>
-         {{ $t('course.regular') }}
+         <span :class="{ 'on': isRegular }">{{ $t('course.regular') }}</span>
       </a>
    </div>
    
@@ -76,6 +76,9 @@ export default {
         i {
             margin: auto 0.4em;
         }
+        span.on {
+           font-weight: bolder;
+        }
     }
     button.badge {
        margin-left: 0.8em;