From de9d53936f805501c57ec8e6380f4aee946306a3 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Thu, 12 Jan 2023 19:51:43 +0100
Subject: [PATCH] FEATURE [styling][absence] give styling

---
 .../Resources/public/chill/scss/render_box.scss             | 2 +-
 .../ChillMainBundle/Resources/views/Entity/user.html.twig   | 6 +++++-
 .../Resources/views/Homepage/index.html.twig                | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/render_box.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/render_box.scss
index 4d0bfcf8e..92becc089 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/render_box.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/render_box.scss
@@ -106,7 +106,7 @@ section.chill-entity {
     // used for comment-embeddable
     &.entity-comment-embeddable {
         width: 100%;
-        
+
         /* already defined !!
         div.metadata {
             font-size: smaller;
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Entity/user.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Entity/user.html.twig
index 12a1a618c..779be6740 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Entity/user.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Entity/user.html.twig
@@ -8,7 +8,11 @@
     {%- endif -%}
     {%- if opts['absence'] and user.absenceStart is not null %}
         {%- if date(user.absenceStart) < date() %}
-            <span class="user-absence">({{ 'absence.Absent'|trans }})</span>
+            <span class="fa-stack fa-holder" title="{{ 'absence.Absent'|trans }}">
+              <i class="fa fa-circle fa-stack-1x text-danger"></i>
+              <i class="fa fa-stack-1x text-white">A</i>
+            </span>
+
         {%- endif %}
     {%- endif -%}
 </span>
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Homepage/index.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Homepage/index.html.twig
index 5dc88faf3..60f6c88ff 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Homepage/index.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Homepage/index.html.twig
@@ -2,7 +2,7 @@
 
     {# vue component #}
     {% if app.user.absenceStart is not null and date(app.user.absenceStart) < date() %}
-        <p class="alert alert-succes flash_message" style="text-align: center;">{{'absence.You are marked as being absent'|trans }}</p>
+        <p class="alert alert-warning" role="alert">{{'absence.You are marked as being absent'|trans }}</p>
     {% endif %}
 
     <div id="homepage_widget"></div>