css fix bugs: menu + header(wip)

src/page-members.pug

@@ -22,6 +22,7 @@ div.grid-layer
       widget-foaf:hompage='hdapp-hyperlink',
       widget-roles='sib-display-lookuplist',
       widget-skills='sib-display-lookuplist',
+      
       search-range-roles=`${sdn}/role/`,
       search-range-skills=`${sdn}/skills/`,
       search-fields='name, roles, skills',
@@ -30,7 +31,7 @@ div.grid-layer
       search-label-roles='Filter by role',
       search-label-skills='Search by skills',
       search-widget-name='sib-form-placeholder-text',
-      search-widget-roles='sib-form-placeholder-text',
+      
       search-widget-skills='sib-form-placeholder-text',
       next='member')
   div.grid-layer-links.containerV

src/styles/filters.scss

@@ -19,7 +19,6 @@
     width: 95%;
     -moz-appearance: none;
     -webkit-appearance: none;
-    
   }
 
   input[type="submit"] {

src/styles/header.scss

@@ -63,6 +63,9 @@
 }
 
 #profile {
+  div {
+    display: flex;
+    flex-direction: row-reverse;
     > * {
       vertical-align: middle;
     }
@@ -83,4 +86,5 @@
       letter-spacing: 0.38px;
       padding: 0 0.5rem;
     }
+  }
 }

src/styles/job-offers.scss

@@ -38,6 +38,29 @@
   }
 }
 
+[name='creation'] {
+  margin-top: 20px;
+}
+
+[name='description'] {
+  line-height: 1.6;
+}
+
+[name='status'] {
+  float: right;
+  display: flex;
+  align-items: center;
+  margin: -0.25em;
+  
+  > * {
+    margin: 0.25em;
+  }
+  
+  strong {
+    @extend %status-open;
+  }
+}
+
 [name='user-thumb'] {
   align-items: center;
   color: $color-black-light;
@@ -66,26 +89,3 @@
     padding: calc(16px - 0.8em) 0.7em;
   }
 }
-
-[name='status'] {
-  float: right;
-  display: flex;
-  align-items: center;
-  margin: -0.25em;
-
-  > * {
-    margin: 0.25em;
-  }
-
-  strong {
-    @extend %status-open;
-  }
-}
-
-[name='creation'] {
-  margin-top: 20px;
-}
-
-[name='description'] {
-  line-height: 1.6;
-}

src/styles/menu.scss

@@ -88,7 +88,7 @@ sib-router {
         // transform: perspective(1000px) translateZ(1px) scale(0.8);
       }
 
-      .menu-notification > div {
+      .menu-notification > sib-display > div:first-child {
         background-color: $color-purple-dark;
         color: $color-yellow-light;
         font-size: 12px;
@@ -149,7 +149,8 @@ sib-router {
       letter-spacing: 0.17px;
       font-size: 16px;
     }
-/*
+
+    /*Fix: presque doublon avec main.scss ligne 71 qui gère le nombre de notifications sur la cloche */
     .menu-notification {
       //flex-basis: 3em;
       width: 2em;
@@ -160,7 +161,8 @@ sib-router {
       justify-content: center;
       align-items: center;
 
-      > div {
+      > sib-display {
+        > div:first-of-type {
           color: $color-black;
           display: flex;
           justify-content: center;
@@ -172,7 +174,8 @@ sib-router {
           font-size: 12px;
         }
       }
-*/
+    }
+
     &[id-prefix] {
       display: none;
     }