From f6a0d62017802a6d15cbf1c543ceb8459d1fa7bc Mon Sep 17 00:00:00 2001
From: Frank <frank.van.den.berg@eleaf.com>
Date: Sat, 11 Jul 2026 17:21:41 +0200
Subject: [PATCH] Make terminal output more authentic: smaller font, tighter
 line spacing

Message font dropped from 20px to 14px and the 10px inline margin-bottom
(set from JS on every message) replaced with a 2px CSS margin so the
terminal reads like dense console output instead of spaced-out chat
bubbles. Colors are unchanged.
---
 assets/game1.js         | 4 ----
 assets/styles/game1.css | 8 +++++---
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/assets/game1.js b/assets/game1.js
index f43f6db..1c546d3 100644
--- a/assets/game1.js
+++ b/assets/game1.js
@@ -29,7 +29,6 @@ function subscribeToMercure(mercurePublicUrl, topic, myScreen) {
             msgEl.className = 'message';
             msgEl.textContent = data[1];
             msgEl.style.color = '#0F0'; // Green for incoming messages
-            msgEl.style.marginBottom = '10px';
             messageContainer.appendChild(msgEl);
             window.scrollTo(0, document.body.scrollHeight);
             if(stillPlayingSound)
@@ -92,7 +91,6 @@ function appendResultMessage(container, text, messageType) {
   const msgEl = document.createElement('div');
   msgEl.className = ('message ' + lockMessageClass(messageType)).trim();
   msgEl.textContent = text;
-  msgEl.style.marginBottom = '10px';
   container.appendChild(msgEl);
 }
 
@@ -345,7 +343,6 @@ document.addEventListener('DOMContentLoaded', async () => {
 
         msgEl.className = 'message ' + extraClass;
         msgEl.textContent = msg[0];
-        msgEl.style.marginBottom = '10px';
         messageContainer.appendChild(msgEl);
         window.scrollTo(0, document.body.scrollHeight);
 
@@ -374,7 +371,6 @@ document.addEventListener('DOMContentLoaded', async () => {
               const msgEl = document.createElement('div');
               msgEl.className = 'message';
               msgEl.textContent = message;
-              msgEl.style.marginBottom = '10px';
               messageContainer.appendChild(msgEl);
 
               if (message && apiEchoUrl) {
diff --git a/assets/styles/game1.css b/assets/styles/game1.css
index 62fec56..0e4eecf 100644
--- a/assets/styles/game1.css
+++ b/assets/styles/game1.css
@@ -47,12 +47,14 @@ div#message-container {
     justify-content: flex-end;
     min-height: calc(100vh - 100px); /* Fill most of the viewport initially */
     box-sizing: border-box;
-    font-size: 20px;
+    font-size: 14px;
 }
 
 div.message {
     color: #C0C0C0;
     white-space: pre-wrap;
+    line-height: 1.35;
+    margin-bottom: 2px;
 }
 
 div.message-virus {
@@ -103,11 +105,11 @@ div#input {
 
 input#input-message {
     width: 100%;
-    padding: 10px;
+    padding: 6px 10px;
     background: #111;
     border: 1px solid #A00000;
     color: #C0C0C0;
-    font-size: 18px;
+    font-size: 14px;
     box-sizing: border-box;
     font-family: monospace;
 }