Refactoring & fix feedback WorkAdventure

front/dist/resources/html/CustomCharacterScene.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #customizeScene {
         background: #0000;
         /*border: 1px solid #ebeeee;*/
@@ -8,7 +11,7 @@
         overflow: scroll;
         width: 42vw;
         height: 38vh;
-        max-width: 300px;
+        /*max-width: 300px;*/
         max-height: 40vh;
     }
     #customizeScene h1 {
@@ -48,7 +51,7 @@
         width: 100%;
     }
     #customizeScene section.action.action-move { 
-        top: 96%;
+        top: 55%;
     }
     #customizeScene button {
         margin: 2px 10px;
@@ -140,11 +143,11 @@
     <section class="action action-move">
         <button class="customizeSceneButton" id="customizeSceneButtonLeft"> < </button>
         <button class="customizeSceneButton" id="customizeSceneButtonRight"> > </button>
-        <button class="customizeSceneButton" id="customizeSceneButtonUp"> < </button>
-        <button class="customizeSceneButton" id="customizeSceneButtonDown"> > </button>
+        <!--<button class="customizeSceneButton" id="customizeSceneButtonUp"> < </button>
+        <button class="customizeSceneButton" id="customizeSceneButtonDown"> > </button>-->
     </section>
     <section class="action">
         <a type="submit" id="customizeSceneFormBack">Back</a>
-        <button type="submit" id="customizeSceneFormSubmit">Finish</button>
+        <button type="submit" id="customizeSceneFormSubmit">Next</button>
     </section>
 </form>

front/dist/resources/html/EnableCameraScene.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #enableCameraScene {
         background: #000000;
         /*border: 1px solid #ebeeee;*/
@@ -54,7 +57,6 @@
         color: #ebeeee;
         border-radius: 7px;
         padding-bottom: 4px;
-        width: 100px;
     }
     #enableCameraScene button#enableCameraSceneFormCancel {
         background-color: #c7c7c700;

front/dist/resources/html/SelectCharacterScene.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #selectCharacterScene {
         background: #0000;
         /*border: 1px solid #ebeeee;*/
@@ -9,6 +12,7 @@
         overflow: scroll;
         max-width: 300px;
         width: 40vw;
+        overflow: unset;
     }
     #selectCharacterScene h1 {
         background-image: linear-gradient(top, #f1f3f3, #d4dae0);
@@ -42,7 +46,7 @@
     #selectCharacterScene section.action {
         text-align: center;
         margin: 0;
-        margin-top: 20vh;
+        margin-top: 28vh;
     }
     #selectCharacterScene button {
         margin: 10px 0px;
@@ -98,9 +102,11 @@
         width: 25px;
     }
     #selectCharacterScene section button.selectCharacterButton#selectCharacterButtonLeft{
+        display: none;
         left: 1vw;
     }
     #selectCharacterScene section button.selectCharacterButton#selectCharacterButtonRight{
+        display: none;
         right: 1vw;
     }
     #selectCharacterScene section button#selectCharacterSceneFormCustomYourOwnSubmit{
@@ -110,6 +116,15 @@
         background-color: #ffd700;
         color: black;
     }
+    @media only screen and (max-width: 800px),
+            only screen and (max-height: 600px) {
+        #selectCharacterScene section button.selectCharacterButton#selectCharacterButtonRight{
+            display: block;
+        }
+        #selectCharacterScene section button.selectCharacterButton#selectCharacterButtonLeft{
+            display: block;
+        }
+    }
 </style>
 
 <form id="selectCharacterScene" hidden>

front/dist/resources/html/SelectCompanionScene.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #selectCompanionScene {
         background: #0000;
         /*border: 1px solid #ebeeee;*/

front/dist/resources/html/gameMenu.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #gameMenu main{
         margin-top: 15px;
     }

front/dist/resources/html/gameMenuIcon.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #menuIcon button {
         background-color: black;
         color: white;

front/dist/resources/html/gameQualityMenu.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #gameQuality {
         background: #eceeee;
         border: 1px solid #42464b;
@@ -47,7 +50,6 @@
         color: white;
         border-radius: 7px;
         padding-bottom: 4px;
-        width: 60px;
     }
     #gameQuality button#gameQualityFormCancel {
         background-color: #c7c7c700;

front/dist/resources/html/gameReport.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #gameReport {
         background: #eceeee;
         border: 1px solid #42464b;

front/dist/resources/html/gameShare.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #gameShare {
         background: #eceeee;
         border: 1px solid #42464b;

front/dist/resources/html/helpCameraSettings.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #helpCameraSettings {
         background: #eceeee;
         border: 1px solid #42464b;

front/dist/resources/html/loginScene.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #loginScene {
         background: #000000;
         /*border: 1px solid #ebeeee;*/

front/dist/resources/html/warningContainer.html

@@ -1,4 +1,7 @@
 <style>
+    *{
+        font-family: PixelFont-7,monospace!important;
+    }
     #warningMain {
         border-radius: 5px;
         height: 100px;