FEATURE [styling][absence] give styling

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;

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>

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>