From 8e7b8d6eff33db70ce30366e06934de1afc52b9a Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Mon, 13 Jun 2022 13:15:24 +0200
Subject: [PATCH] visual card effect to make parcours or action stand out more
 within notif and workflow

---
 .../Resources/public/chill/scss/flex_table.scss          | 9 ++++++++-
 .../views/AccompanyingCourseWork/_item.html.twig         | 4 +---
 .../views/AccompanyingPeriod/_list_item.html.twig        | 2 +-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
index 7ed607535..156c2cfdb 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
@@ -14,11 +14,18 @@ div.flex-table {
     box-sizing: border-box;
     margin: 1.5em 0;
 
+    .card-item {
+        border-radius: 10px !important;
+        box-shadow: rgba(0,0,0,.4) 3px 2px 4px, rgba(0,0,0,.3) 0px 7px 13px -3px, rgba(0,0,0,.2) 0px -3px 6px inset !important;
+        width: 96%;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
     div.item-bloc {
         display: flex;
         @include border-collapse;
         padding: 1em;
-
         div.item-row {
             display: flex;
 
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/_item.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/_item.html.twig
index 3d4f46425..22bdaac2f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/_item.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/_item.html.twig
@@ -1,5 +1,4 @@
-<div class="item-bloc accompanying_course_work-item{% if itemBlocClass is defined %} {{ itemBlocClass }}{% endif %}">
-
+<div class="item-bloc card-item accompanying_course_work-item{% if itemBlocClass is defined %} {{ itemBlocClass }}{% endif %}">
     <div class="item-row">
         <h2 class="badge-title">
             <span class="title_label"></span>
@@ -145,5 +144,4 @@
         </ul>
         {% endif %}
     </div>
-
 </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list_item.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list_item.html.twig
index cfa616988..b308b4867 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list_item.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list_item.html.twig
@@ -1,4 +1,4 @@
-<div class="item-bloc accompanying-period-item{% if itemBlocClass is defined %} {{ itemBlocClass|raw }}{% endif %}" data-accompanying-period-id="{{ period.id|e('html_attr') }}">
+<div class="item-bloc card-item accompanying-period-item{% if itemBlocClass is defined %} {{ itemBlocClass|raw }}{% endif %}" data-accompanying-period-id="{{ period.id|e('html_attr') }}">
     <div class="item-row">
         <div class="wrap-header">
             <div class="wh-row">