From 5e7a5ac42a526777a548b5f2281387e7080682ee Mon Sep 17 00:00:00 2001
From: simon louvet <smon.louvet.zen@gmail.com>
Date: Fri, 16 Nov 2018 13:44:00 +0100
Subject: [PATCH] ui migration to Sophie Design

---
 src/menu.pug         | 24 +++++++++++++-----------
 src/styles/menu.scss |  2 +-
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/menu.pug b/src/menu.pug
index 084e4bf..c3e3907 100644
--- a/src/menu.pug
+++ b/src/menu.pug
@@ -1,34 +1,36 @@
 nav#navbar
   sib-router#navbar-router(default-route='members')
-    sib-route(name='members')
+    sib-route.menu(name='members')
       div.menu-notification
         div 1
       div.menu-label Members
       div.menu-icon.icon-people
-    sib-route(hidden, name='member', id-prefix=`${sdn}/members/`)
-    sib-route(name='job-offers')
+    sib-route.menu(hidden, name='member', id-prefix=`${sdn}/members/`)
+    sib-route.menu(name='job-offers')
       div.menu-notification
         div 2
       div.menu-label Job offers
       div.menu-icon.icon-briefcase
     sib-route(hidden, name='job-offer-create')
     div
-      div.menu-notification
-      div.menu-label Projects
-      div.menu-icon.icon-folder-alt
+      div.menu
+        div.menu-notification
+        div.menu-label Projects
+        div.menu-icon.icon-folder-alt
+      sib-route(hidden,name='project', id-prefix=`${sdn}/projects/`)
       sib-display(
         data-src=`${sdn}/projects/`,
         data-fields='name',
         next='project'
       )
-      sib-route(hidden, name='project', id-prefix=`${sdn}/projects/`)
     div
-      div.menu-notification
-      div.menu-label Groups
-      div.menu-icon.icon-bubbles
+      div.menu
+        div.menu-notification
+        div.menu-label Groups
+        div.menu-icon.icon-bubbles
+      sib-route(hidden, name='group', id-prefix=`${sdn}/channels/`)
       sib-display(
         data-src=`${sdn}/channels/`,
         data-fields='name',
         next='group'
       )
-      sib-route(hidden, name='group', id-prefix=`${sdn}/channels/`)
diff --git a/src/styles/menu.scss b/src/styles/menu.scss
index 4e43230..c8193a4 100644
--- a/src/styles/menu.scss
+++ b/src/styles/menu.scss
@@ -40,7 +40,7 @@ sib-router {
   display: flex;
   flex-direction: column;
 
-  > * {
+  .menu {
     display: flex;
     flex-direction: row-reverse;
     padding: 1em;