Ajout de style sur les tableaux

+ ajout de transition sur la navigation

Front/skydivelogs-app/src/app/app.component.css

@@ -1,5 +1,8 @@
 body {
   margin: 10px;
+  color: #424242;
+  height: 600px;
+  overflow: auto;
 }
 
 .hamburger__icon {
@@ -12,38 +15,37 @@ body {
 }
 
 .hamburger__icon__fill {
-  fill: #594e78
+  fill: #424242
 }
 
-.side-menu-disactive {
-  display: none !important;
-}
-
-.side-menu-active {
-  display: '' !important;
+.navigation.side-menu-active {
+  left: 0px;
 }
 
 .navigation {
-  border: 1px red solid;
   position: absolute;
   width: 200px;
   overflow: hidden;
   z-index: 50;
   background-color: grey;
+  height: 600px;
   padding: 5px;
-
+  left: -220px;
+  transition: 0.5s linear left;
+  -webkit-transition: 0.5s linear left;
 }
 
 .navigation ul {
   list-style: none;
+  padding: 0;
 }
 
 .navigation ul li {
-  margin: 5px;
+  margin: 10px;
 }
 
 .navigation ul li a {
   text-decoration: none;
   cursor: pointer;
-  color: black;
+  color: #424242;
 }