adding a new 'wraplist' sass element in flex-table collection: applied with AccompanyingPeriod lists

src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss

@@ -1,4 +1,5 @@
 /*
+*  __FLEX-TABLE_________
 *  FLEX RESPONSIVE TABLE/BLOCK PRESENTATION
 */
 
@@ -40,7 +41,7 @@ div.flex-table {
 }
 
 /*
-* Bloc appearance
+* BLOC appearance
 */
 
 div.flex-bloc {
@@ -87,7 +88,7 @@ div.flex-bloc {
 }
 
 /*
-* Table appearance
+* TABLE appearance
 */
 
 div.flex-table {
@@ -107,6 +108,10 @@ div.flex-table {
         div.item-row {
             flex-direction: row;
 
+            &:first-child {
+                align-items: baseline; //
+            }
+
             &.separator {
                 margin-top: 0.5em;
                 border-top: 1px dotted $gray-900;
@@ -130,7 +135,7 @@ div.flex-table {
                 }
             }
 
-            @media only screen and (max-width: 900px) {
+            @include media-breakpoint-down(md) {
                 flex-direction: column;
                 div.item-col {
                     &:last-child {
@@ -143,3 +148,58 @@ div.flex-table {
         }
     }
 }
+
+/*
+*  __WRAP-LIST-INLINE_________
+*  FLEX RESPONSIVE INLINE DEFINITION LIST
+*/
+
+div.wraplist {
+    padding: 0;
+    width: 100%;
+
+    div.wl-row {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-between;
+
+        div.wl-col.title {
+            width: auto;
+
+            @include media-breakpoint-up(md) {
+                margin-left: 1.5em;
+            }
+
+            & > * {
+                padding-right: 1em;
+            }
+        }
+
+        div.wl-col.list {
+            width: 75%;
+            margin: auto 0 0 auto;
+
+            p.wl-item {
+                margin: 0.1em;
+                padding: 0em;
+                display: inline-block;
+            }
+        }
+    }
+
+    &.debug .wl-row {
+        border: 1px solid $black;
+
+        div.wl-col.title {
+            background-color: $yellow;
+        }
+        div.wl-col.list {
+            background-color: $green;
+
+            p.wl-item {
+                background-color: $orange;
+            }
+        }
+    }
+}