From d887c8dcd868d732207f943c5fde77fa1babee40 Mon Sep 17 00:00:00 2001
From: Exund <SylverProfessionnel@gmail.com>
Date: Sat, 12 Sep 2020 13:49:46 +0200
Subject: [PATCH] Entity debugger style changes

---
 src/css/ingame_hud/entity_debugger.scss  | 38 ++++++++++++++++--------
 src/js/game/hud/parts/entity_debugger.js |  6 ++--
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/css/ingame_hud/entity_debugger.scss b/src/css/ingame_hud/entity_debugger.scss
index 15f03848..acc2cfc6 100644
--- a/src/css/ingame_hud/entity_debugger.scss
+++ b/src/css/ingame_hud/entity_debugger.scss
@@ -1,7 +1,12 @@
 #ingame_HUD_EntityDebugger {
     position: absolute;
     @include S(right, 30px);
-    @include S(top, 200px);
+
+    bottom: 0;
+    height: calc(100vh - 200px * var(--ui-scale));
+
+    display: grid;
+    grid-template-rows: auto auto 1fr;
 
     font-size: 14px;
     line-height: 16px;
@@ -24,20 +29,27 @@
         }
     }
 
-    .components {
-        @include S(margin-top, 4px);
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        @include S(grid-gap, 3px);
-        .component {
-            @include S(padding, 2px);
-            background: #333;
-            display: flex;
-            flex-direction: column;
+    .entityInfo {
+        overflow-y: auto;
+        .components {
+            @include S(margin-top, 4px);
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            overflow: auto;
+            @include S(grid-gap, 3px);
+            .component {
+                @include S(padding, 2px);
+                background: #333;
+                display: flex;
+                flex-direction: column;
 
-            .data {
                 @include S(width, 150px);
-                @include S(height, 130px);
+                @include S(height, 150px);
+
+                .data {
+                    resize: vertical;
+                    flex-grow: 1;
+                }
             }
         }
     }
diff --git a/src/js/game/hud/parts/entity_debugger.js b/src/js/game/hud/parts/entity_debugger.js
index 80f15eea..827f7f23 100644
--- a/src/js/game/hud/parts/entity_debugger.js
+++ b/src/js/game/hud/parts/entity_debugger.js
@@ -9,8 +9,8 @@ export class HUDEntityDebugger extends BaseHUDPart {
             "ingame_HUD_EntityDebugger",
             [],
             `
-            Tile below cursor: <span class="mousePos"></span><br>
-            Chunk below cursor: <span class="chunkPos"></span><br>
+            <div>Tile below cursor: <span class="mousePos"></span></div>
+            <div>Chunk below cursor: <span class="chunkPos"></span></div>
             <div class="entityInfo"></div>
         `
         );
@@ -41,7 +41,7 @@ export class HUDEntityDebugger extends BaseHUDPart {
         const entity = this.root.map.getTileContent(worldTile, this.root.currentLayer);
         if (entity) {
             removeAllChildren(this.entityInfoElem);
-            let html = "Entity";
+            let html = "<div>Entity</div>";
 
             const flag = (name, val) =>
                 `<span class='flag' data-value='${val ? "1" : "0"}'><u>${name}</u> ${val}</span>`;