From 54310fe62784603b4d5ae1c65f415ae6803d7641 Mon Sep 17 00:00:00 2001
From: Gaelle Morin <morin.gaelle@gmail.com>
Date: Wed, 12 Dec 2018 11:13:03 +0100
Subject: [PATCH] wip

---
 src/page-job-offers.pug    |  6 +++---
 src/styles/filters.scss    |  3 +--
 src/styles/job-offers.scss | 23 +++++++++++++++++++++--
 src/styles/variables.scss  |  1 +
 4 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/page-job-offers.pug b/src/page-job-offers.pug
index 1079be2..609fcab 100644
--- a/src/page-job-offers.pug
+++ b/src/page-job-offers.pug
@@ -4,15 +4,15 @@ div.grid-layer
       span Here you can find and post offers
     sib-display#offers-list(
       data-src=`${sdn}/job-offers/`,
-      data-fields='date, user-thumb, title, description, skills',
+      data-fields='date, user-thumb, title, description, roles, skills',
       widget-skills='sib-display-lookuplist',
-      set-user-thumb='author.member.avatar, author.first_name, author.last_name',
+      set-user-thumb='author.member.avatar, author.first_name, author.last_name, author.groups',
       widget-author.member.avatar='sib-display-img',
       set-date='closingDate, creationDate',
+      set-creation='creationDate',
       widget-closingDate='hdapp-closing-date',
       set-content='title, description',
       search-fields='content,skills,open',
-      label-content='contenu',
       search-range-skills=`${sdn}/skills/`
     )
   div.grid-layer-links.containerV
diff --git a/src/styles/filters.scss b/src/styles/filters.scss
index d802d40..099bdaf 100644
--- a/src/styles/filters.scss
+++ b/src/styles/filters.scss
@@ -21,11 +21,10 @@
 
   select {
     background: white;
+    box-sizing: border-box;
     display: inline-block;
     padding: 0.5em 12.5em 0.5em 1em;
 
-    box-sizing: border-box;
-
     background-image:
       linear-gradient(45deg, transparent 50%, $color-grey 50%),
       linear-gradient(135deg, $color-grey 50%, transparent 50%),
diff --git a/src/styles/job-offers.scss b/src/styles/job-offers.scss
index 2d6d63b..e084221 100644
--- a/src/styles/job-offers.scss
+++ b/src/styles/job-offers.scss
@@ -18,16 +18,16 @@
     }
 
     > sib-display {
+      @extend %frame;
       display: block;
       margin: 1em 0;
-      @extend %frame;
       padding: 2em;
       /*&:nth-child(odd) {
         background-color: $color-grey-light;
       }*/
       sib-display-div[name='title'] {
-        display: block;
         @extend h2;
+        display: block;
       }
 
       label {
@@ -35,4 +35,23 @@
       }
     }
   }
+}
+
+[name='user-thumb'] {
+  align-items: center;
+  color: $color-black-light;
+  display: flex;
+  font-weight: 600;
+  margin: -0.25em;
+
+  > * {
+    margin: 0.25em;
+  }
+
+  sib-display-img {
+    border-radius: 100%;
+    height: 2.5em;
+    overflow: hidden;
+    width: 2.5em;
+  }
 }
\ No newline at end of file
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index b16b60a..bd4a04a 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1,6 +1,7 @@
 // colors
 $color-white: #fff;
 $color-black: #36383b;
+$color-black-light: #4a4a4a;
 $color-grey1: #d7dbe0;
 $color-grey: #898f95;
 $color-grey-mid: #abaaba;