Activity, improve badge-title. Fix too long badges line break in a narrow inline wrapper.

src/Bundle/ChillActivityBundle/Resources/public/chill/chillactivity.scss

@@ -1,7 +1,9 @@
 // Access to Bootstrap variables and mixins
 @import '~ChillMainAssets/module/bootstrap/shared';
 
-// activity creation first step: select type page
+//// ACTIVITY CREATION
+// first step: select type page
+
 div.new-activity-select-type {
    div.activity-row {
       display: flex;
@@ -21,29 +23,36 @@ div.new-activity-select-type {
    }
 }
 
-/// liste des échanges, sous le titre-badge, le bloc de contenu
-div.main {
-    padding: 1em;
+//// ACTIVITY LIST PAGE
+// precise badge-title specific details
 
-    ///
-    ul.list-content {
-        list-style-type: none;
-        padding-left: 0.6em;
-        margin: 0;
-        li {
-            margin-bottom: 0.2em;
-        }
-    }
+h2.badge-title {
     div.duration {
         font-size: smaller;
         padding-left: 1em;
         margin-top: 1em;
     }
-
+    ul.list-content {
+        font-size: 70%;
+        list-style-type: none;
+        padding-left: 0;
+        margin: 0;
+        li {
+            margin-bottom: 0.2em;
+            // exception: change bg color for action badges above badge-title
+            .bg-light {
+                background-color: $chill-light-gray !important;
+            }
+        }
+    }
+}
+div.main {
+    padding: 1em;
 }
 
+//// ACTIVITY SHOW AND FORM PAGES
+// Exceptions for flex-bloc in concerned-groups
 
-// exceptions for flex-bloc in concerned-groups
 div.flex-bloc.concerned-groups {
    margin-top: 1em;
    div.item-bloc {