Smol fixes

assets/css/style.css

@@ -94,12 +94,13 @@ img {
 
 .inventory {
   grid-area: backpack;
+  padding: 10px;
 }
 
 .inventory ul {
   margin: 0;
   padding: 0;
-  list-style-position: inside;
+  list-style: none;
 }
 
 .dungeon {
@@ -107,11 +108,6 @@ img {
   flex-basis: 40%;
 }
 
-.dungeon > * {
-  /* display: flex; */
-  /* gap: 10px; */
-}
-
 .directions,
 .actions {
   display: flex;

assets/js/ability.js

 const Ability = {};
 
 Ability.types = {
-  FOR: "Force",
+  STR: "Force",
   DEX: "Dextérité",
   WIS: "Sagesse",
 };

assets/js/script.js

@@ -6,13 +6,10 @@ import Utils from "./utils.js";
   "use strict";
 
   document.addEventListener("DOMContentLoaded", function () {
-    document.querySelector("#fight").addEventListener("click", plunder);
-    document.querySelector("#flee").addEventListener("click", leaveRoom);
-
+    listenActions();
     listenDirections();
 
     Character.init();
-
     displayCharacterAbilities();
   });
 })(window);
@@ -22,6 +19,11 @@ let failRisk = 0;
 let turns = 0;
 let eggTurns = 0;
 
+const listenActions = () => {
+  document.querySelector("#fight").addEventListener("click", plunder);
+  document.querySelector("#flee").addEventListener("click", leaveRoom);
+}
+
 const listenDirections = () => {
   document
     .querySelectorAll("#directions > *")