From 1a27b7d2ee10638cc338073e6777a9c8b835c5db Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Wed, 16 Dec 2020 17:17:31 +0100
Subject: [PATCH] Update menu

---
 front/dist/resources/html/gameMenuIcon.html |  8 ++++++--
 front/dist/static/images/menu.svg           | 12 +++++++++++-
 front/src/Phaser/Menu/MenuScene.ts          |  4 ++--
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/front/dist/resources/html/gameMenuIcon.html b/front/dist/resources/html/gameMenuIcon.html
index 5d8e49a5..11ddffc1 100644
--- a/front/dist/resources/html/gameMenuIcon.html
+++ b/front/dist/resources/html/gameMenuIcon.html
@@ -10,7 +10,9 @@
         background-color: black;
         color: white;
         border-radius: 7px;
-        padding-bottom: 4px;
+    }
+    #menuIcon button img{
+        width: 14px;
     }
     #menuIcon section {
         margin: 10px;
@@ -18,6 +20,8 @@
 </style>
 <main id="menuIcon">
     <section>
-        <button id="openMenuButton">Menu</button>
+        <button id="openMenuButton">
+            <img src="/static/images/menu.svg">
+        </button>
     </section>
 </main>
\ No newline at end of file
diff --git a/front/dist/static/images/menu.svg b/front/dist/static/images/menu.svg
index 09052a0e..e066e483 100644
--- a/front/dist/static/images/menu.svg
+++ b/front/dist/static/images/menu.svg
@@ -1 +1,11 @@
-<svg height="384pt" viewBox="0 -53 384 384" width="384pt" xmlns="http://www.w3.org/2000/svg"><path d="m368 154.667969h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"/><path d="m368 32h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"/><path d="m368 277.332031h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 384 384" style="enable-background:new 0 0 384 384;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M368,207.7H16c-8.8,0-16-7.2-16-16s7.2-16,16-16h352c8.8,0,16,7.2,16,16S376.8,207.7,368,207.7z"/>
+<path class="st0" d="M368,85H16C7.2,85,0,77.8,0,69s7.2-16,16-16h352c8.8,0,16,7.2,16,16S376.8,85,368,85z"/>
+<path class="st0" d="M368,330.3H16c-8.8,0-16-7.2-16-16s7.2-16,16-16h352c8.8,0,16,7.2,16,16S376.8,330.3,368,330.3z"/>
+</svg>
diff --git a/front/src/Phaser/Menu/MenuScene.ts b/front/src/Phaser/Menu/MenuScene.ts
index 7e1c0d33..6e10b0b0 100644
--- a/front/src/Phaser/Menu/MenuScene.ts
+++ b/front/src/Phaser/Menu/MenuScene.ts
@@ -66,7 +66,7 @@ export class MenuScene extends Phaser.Scene {
     openSideMenu() {
         if (this.sideMenuOpened) return;
         this.sideMenuOpened = true;
-        this.menuButton.getChildByID('openMenuButton').innerHTML = 'Close'
+        this.menuButton.getChildByID('openMenuButton').innerHTML = 'X';
         if (gameManager.getCurrentGameScene(this).connection.isAdmin()) {
             const adminSection = this.menuElement.getChildByID('adminConsoleSection') as HTMLElement;
             adminSection.hidden = false;
@@ -85,7 +85,7 @@ export class MenuScene extends Phaser.Scene {
         if (!this.sideMenuOpened) return;
         this.sideMenuOpened = false;
         this.closeGameQualityMenu()
-        this.menuButton.getChildByID('openMenuButton').innerHTML = 'Menu'
+        this.menuButton.getChildByID('openMenuButton').innerHTML = `<img src="/static/images/menu.svg">`;
         this.tweens.add({
             targets: this.menuElement,
             x: closedSideMenuX,