From 02f1d2ff8a74161fefa8259f98b29211b2ba9b7c Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Sat, 22 May 2021 09:56:09 +0200
Subject: [PATCH] rename subcomponent

---
 .../public/vuejs/AccompanyingCourse/components/Banner.vue | 8 ++++----
 .../Banner/{SocialIssues.vue => SocialIssue.vue}          | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)
 rename src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/{SocialIssues.vue => SocialIssue.vue} (67%)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue
index 3a26cad93..8f631e775 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue
@@ -46,11 +46,11 @@
    
    <teleport to="#header-accompanying_course-details #banner-social-issues">
       <div class="grid-12">
-         <social-issues
+         <social-issue
             v-for="issue in accompanyingCourse.socialIssues"
             v-bind:key="issue.id"
             v-bind:issue="issue">
-         </social-issues>
+         </social-issue>
       </div>
    </teleport>
 
@@ -58,13 +58,13 @@
 
 <script>
 import ToggleFlags from './Banner/ToggleFlags';
-import SocialIssues from './Banner/SocialIssues.vue';
+import SocialIssue from './Banner/SocialIssue.vue';
 
 export default {
    name: 'Banner',
    components: {
       ToggleFlags,
-      SocialIssues
+      SocialIssue
    },
    computed: {
       accompanyingCourse() {
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssues.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssue.vue
similarity index 67%
rename from src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssues.vue
rename to src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssue.vue
index b637908c1..7ed78355d 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssues.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssue.vue
@@ -11,6 +11,10 @@ export default {
 
 <style lang="scss" scoped>
 span.badge {
+   font-size: 95%;
+   text-transform: capitalize !important;
+   font-weight: 500 !important;
+   margin-bottom: 5px;
    margin-right: 1em;
 }
 </style>