From c29275f5e5aa658a3222835b98b46e779b906bd5 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Pasquier <contact@jbpasquier.eu>
Date: Wed, 17 Apr 2019 17:08:47 +0200
Subject: [PATCH] fix project & circle sizing & add animation for right menu

---
 src/styles/main.scss       | 6 +-----
 src/styles/menu-right.scss | 4 +++-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/styles/main.scss b/src/styles/main.scss
index fd2779a..60748a0 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -127,11 +127,7 @@ li {
     overflow-x: hidden;
 
     > div {
-      //display: flex;
-      //margin: 2.6em;
-      //padding:2.6em;
-      //flex: 1 1 0;
-      flex-grow: 1;
+      transition: all 0.5s;
     }
   }
 }
diff --git a/src/styles/menu-right.scss b/src/styles/menu-right.scss
index 08ad665..e086514 100644
--- a/src/styles/menu-right.scss
+++ b/src/styles/menu-right.scss
@@ -4,6 +4,8 @@
 
     nav {
 
+      transition: all 0.5s;
+
       > sib-router {
         background-color: $color-222-52-90;
         color: $color-purple-dark;
@@ -80,7 +82,7 @@
         }
 
         & ~ #views-container {
-          flex-basis: 95%;
+          margin-left: -15.5rem;
           transform: translate(15.5rem);
         }
       }