From 30ce7d3bfda4dd5d76e55d35c7bdadf4be2ff9b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Mon, 28 Oct 2019 18:38:14 +0100
Subject: [PATCH] header modified: dash and description added

---
 src/page-circle-profile.pug |  3 ++-
 src/styles/base/main.scss   | 17 +++++++++++++++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/page-circle-profile.pug b/src/page-circle-profile.pug
index 435dbc3..350446e 100644
--- a/src/page-circle-profile.pug
+++ b/src/page-circle-profile.pug
@@ -10,9 +10,10 @@
       sib-ac-checker(permission='acl:Read', bind-resources)
         sib-display(
           bind-resources
-          fields='name'
+          fields='name, description'
 
           class-name='name'
+          class-description='description'
         )
 
     div.content-box__info
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index 4a12793..d399909 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -170,7 +170,7 @@ sib-delete {
   }
 }
 
-.content-box__header.with-edit {
+/* .content-box__header.with-edit {
   border-bottom: 1px solid $color-221-51-90;
   display: flex;
   justify-content: space-between;
@@ -187,7 +187,7 @@ sib-delete {
       display: flex;
     }
   }
-}
+} */
 
 .drive {
   width: 100%;
@@ -203,6 +203,19 @@ sib-delete {
       text-transform: uppercase;
     }
 
+    .description {
+      color: $color-215-6-63;
+      font-size: 1.8rem;
+
+      &:not(:empty)::before {
+        color: $color-216-4-22;
+        content: '- ';
+        font-size: 2rem;
+        font-weight: bold;
+        margin-left: 0.60rem;
+      }
+    }
+
     .edit {
       color: $color-213-4-50;
       font-size: 1.6rem;