More fixes

Author: NellowTCS

Build/index.html

@@ -165,7 +165,7 @@ <h3>Upload File</h3>
   <div class="container">
     <div class="header">
       <h1>HTMLChat</h1>
-      <p>version v0.2.0</p>
+      <p>version v0.3.0</p>
       <div class="header-controls">
         <button class="header-btn" id="sound-toggle" title="Toggle Sounds">
           <i class="sound-on-icon" data-lucide="volume-2"></i>

Build/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "htmlchat",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A retro-styled, browser-only chat client.",
   "main": "index.js",
   "scripts": {

Build/package.json

@@ -56,7 +56,19 @@ class HTMLChatApp {
     const nodes = document.querySelectorAll('[data-lucide]');
     for (const node of nodes) {
       const iconName = node.getAttribute('data-lucide');
-      const svgHTML = createIconHTML(iconName, { size: node.getAttribute('width') || 16 });
+      // Gather all classes except 'context-icon' (which may be replaced anyway)
+      let classes = node.className ? node.className.split(' ') : [];
+      // Always add 'context-icon' if present
+      const classString = classes.join(' ').trim();
+      // Inline styles (including display:none, inline widths, etc)
+      const styleString = node.getAttribute('style') || '';
+      const width = node.getAttribute('width') || 16;
+  
+      const svgHTML = createIconHTML(iconName, {
+        size: width,
+        class: classString,
+        style: styleString
+      });
       node.outerHTML = svgHTML;
     }
   }

Build/src/main.js

@@ -13,9 +13,6 @@ body {
 }
 
 .container {
-  width: 90%;
-  max-width: 1600px;
-  margin: 20px auto;
   background: #fff;
   border: 2px solid #ccc;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.774);
@@ -160,7 +157,7 @@ body {
 
 .main-content {
   display: flex;
-  height: 600px;
+  height: calc(100vh - 180px);
 }
 
 .chat-area {
@@ -797,12 +794,11 @@ body {
 /* Mobile responsiveness */
 @media (max-width: 640px) {
   .container {
-    margin: 10px;
     max-width: none;
   }
 
   .main-content {
-    height: 500px;
+    height: calc(100vh - 180px);
   }
 
   .user-list {

Build/src/styles.css

@@ -5,7 +5,7 @@
 [![GitHub Pages Build](https://github.com/HTMLToolkit/HTMLChat/actions/workflows/static.yml/badge.svg)](https://github.com/HTMLToolkit/HTMLChat/actions/workflows/static.yml) 
 
 A retro-styled, browser-only chat client.  
-Version: **v0.2.0-beta**
+Version: **v0.3.0-beta**
 
 ## What this is