resume short list style abstraction for accourse-work and activities (wip)

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

@@ -21,9 +21,9 @@ div.new-activity-select-type {
    }
 }
 
-// exceptions for flex-table in list-records
+// exceptions for flex-table
 div.activity-list {
-   div.flex-table {
+   &.flex-table {
       div.item-bloc {
          div.item-row.main {
             div.item-col {
@@ -86,7 +86,6 @@ div.activity-list {
                   }
                }
             }
-
          }
          ul.list-content {
             list-style-type: none;
@@ -103,6 +102,32 @@ div.activity-list {
          margin-top: 1em;
       }
    }
+
+   /// Activities on resume page
+    h2.badge-title {
+        span.title_label {
+            background-color: #668821;
+            div.duration {
+                font-size: 70%;
+                font-weight: 500;
+                p {
+                    margin-bottom: 0;
+                    text-align: right;
+                }
+            }
+        }
+        span.title_action {
+            //text-transform: capitalize !important;
+            font-weight: 500 !important;
+            border-left: 20px groove yellowgreen;
+            &:before {
+                content: '\f04b';
+                font-family: ForkAwesome;
+                color: yellowgreen;
+                margin: 0 0 0 -1.05em;
+            }
+        }
+    }
 }
 
 // exceptions for flex-bloc in concerned-groups
@@ -130,7 +155,6 @@ div.flex-bloc.concerned-groups {
    }
 }
 
-
 /// CHILL ENTITY RENDER BOX
 .chill-entity {