From 7f63577c4f16ec64a350dbc5d53ab35ee055314b Mon Sep 17 00:00:00 2001
From: Darks <l.gatin@neuf.fr>
Date: Mon, 2 Dec 2019 22:54:01 +0100
Subject: [PATCH] =?UTF-8?q?Passage=20en=20flex-column=20du=20menu=20lat?=
 =?UTF-8?q?=C3=A9ral?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/css/container.css |  2 +-
 app/static/css/navbar.css    | 17 +++++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/app/static/css/container.css b/app/static/css/container.css
index e269b14..79aab07 100644
--- a/app/static/css/container.css
+++ b/app/static/css/container.css
@@ -1,5 +1,5 @@
 .container {
-	margin-left: 140px;
+	margin-left: 110px;
 }
 
 section {
diff --git a/app/static/css/navbar.css b/app/static/css/navbar.css
index de7b7f8..452b095 100644
--- a/app/static/css/navbar.css
+++ b/app/static/css/navbar.css
@@ -14,7 +14,7 @@ nav a:focus {
 #light-menu {
 	position: fixed; z-index: 10;
 	list-style: none;
-	width: 140px;
+	width: 110px;
 	height: 100%; overflow-y: auto;
 	margin: 0; padding: 0;
 	text-indent: 0;
@@ -32,8 +32,8 @@ nav a:focus {
 	transition: .15s ease;
 }
 #logo img {
-	width: 40%;
-	margin: 0 0 -4.5px 7px; padding: 0;
+	display: block; height: 50px;
+	margin: 0 auto; padding: 0;
 	filter: drop-shadow(0 0 2px rgba(0, 0, 0, .0));
 	transition: filter .15s ease;
 }
@@ -47,13 +47,14 @@ nav a:focus {
 }
 
 #light-menu li {
-	width: 100%; height: 45px;
+	width: 100%;
 	color: #ffffff;
 }
 #light-menu li > a {
-	display: flex; flex-direction: row; flex-grow: 0;
+	display: flex; flex-direction: column; flex-grow: 0;
 	align-items: center; justify-content: flex-start;
 	width: 100%; height: 100%;
+	margin-bottom: 15px;
 	transition: opacity .15s ease; /* because Chrome sucks */
 }
 
@@ -69,18 +70,18 @@ nav a:focus {
 /* Overlay */
 #menu {
 	position: fixed; z-index: 5;
-	left: -160px; width: 300px; /* default: left-to-right animation */
+	left: -190px; width: 300px; /* default: left-to-right animation */
 	height: 100%; overflow-x: hidden; overflow-y: auto;
 	background: #1c2124; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 	transition: .15s ease;
 }
 #menu.opened {
-	left: 140px;
+	left: 110px;
 }
 
 /* Just apply class="scroll-animation" to menu to change to scroll animation */
 #menu.scroll-animation {
-	left: 140px; width: 0;
+	left: 110px; width: 0;
 }
 #menu.scroll-animation.opened {
 	width: 300px;