some adjustments to the application of blur effect...incomplete

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue

@@ -37,12 +37,14 @@ export default {
 
 <style lang='scss'>
     .confidential{
-        display: flex;
         align-items: center;
     }
     .toggle{
-        margin-left: 10px;
+        margin-top: 28px;
         cursor: pointer;
+        display: block;
+        float: right;
+        margin-right: 20px;
     }
     .blur {
         -webkit-filter: blur(5px);

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue

@@ -9,7 +9,7 @@
                addAltNames: true,
                addAge : true,
                hLevel : 3,
-               isConfidential :  true,
+               isConfidential :  false,
             }"
       :person="participation.person"
       :returnPath="getAccompanyingCourseReturnPath">

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue

@@ -9,8 +9,9 @@
          <input type="checkbox" v-model="isAnonymous" class="me-2" />
          {{ $t('requestor.is_anonymous') }}
       </label>
-
+      <confidential v-if="accompanyingCourse.requestor.type === 'thirdparty'">
-      <third-party-render-box v-if="accompanyingCourse.requestor.type === 'thirdparty'"
+         <template v-slot:confidential-content>
+            <third-party-render-box
                :thirdparty="accompanyingCourse.requestor"
                :options="{
                   addLink: false,
@@ -18,7 +19,8 @@
                   addEntity: true,
                   addInfo: false,
                   hLevel: 3,
-            isMultiline: true
+                  isMultiline: true,
+                  isConfidential: true
                   }"
             >
             <template v-slot:record-actions>
@@ -28,8 +30,12 @@
                </ul>
             </template>
             </third-party-render-box>
+         </template>
+      </confidential>
       
-      <person-render-box render="bloc" v-else-if="accompanyingCourse.requestor.type === 'person'"
+      <confidential v-else-if="accompanyingCourse.requestor.type === 'person'">
+         <template v-slot:confidential-content>
+            <person-render-box render="bloc"
                :person="accompanyingCourse.requestor"
                :options="{
                   addLink: false,
@@ -38,7 +44,8 @@
                   addEntity: true,
                   addInfo: true,
                   hLevel: 3,
-            isMultiline: true
+                  isMultiline: true,
+                  isConfidential: false
                   }"
             >
                <template v-slot:record-actions>
@@ -48,6 +55,8 @@
                   </ul>
                </template>
             </person-render-box>
+         </template>
+      </confidential>
 
       <ul class="record_actions">
          <li>
@@ -82,6 +91,7 @@ import AddPersons from 'ChillPersonAssets/vuejs/_components/AddPersons.vue';
 import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue';
 import PersonRenderBox from '../../_components/Entity/PersonRenderBox.vue';
 import ThirdPartyRenderBox from 'ChillThirdPartyAssets/vuejs/_components/Entity/ThirdPartyRenderBox.vue';
+import Confidential from 'ChillMainAssets/vuejs/_components/Confidential.vue';
 
 export default {
    name: 'Requestor',
@@ -90,6 +100,7 @@ export default {
       OnTheFly,
       PersonRenderBox,
       ThirdPartyRenderBox,
+      Confidential
    },
    data() {
       return {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue

@@ -57,15 +57,7 @@
 
                     <li v-if="person.current_household_id">
                        <i class="fa fa-li fa-map-marker"></i>
-                       <confidential v-if="options.isConfidential">
+                       <address-render-box v-if="person.current_household_address"
-                           <template v-slot:confidential-content>
-                            <address-render-box
-                                :address="person.current_household_address"
-                                :isMultiline="isMultiline">
-                            </address-render-box>
-                           </template>
-                       </confidential>
-                        <address-render-box v-else-if="person.current_household_address"
                          :address="person.current_household_address"
                          :isMultiline="isMultiline">
                        </address-render-box>

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list.html.twig

@@ -63,8 +63,6 @@
                             <div class="wl-row">
                                 <div class="wl-col title"><h3>{{ 'Requestor'|trans({'gender': null }) }}</h3></div>
                                 <div class="wl-col list">
-                                    <div class="confidential">
-                                        <div class="confidential-content blur">
                                     {% if accompanying_period.requestorPerson is not null %}
                                         <span class="wl-item badge-person">{{ accompanying_period.requestorPerson|chill_entity_render_string }}</span>
                                     {% endif %}
@@ -73,8 +71,6 @@
                                     {% endif %}
                                 </div>
                             </div>
-                                </div>
-                            </div>
                         {% endif %}
 
                         {% if accompanying_period.participations.count > 0 %}