lisichatbot 1.1.6 → 1.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lisichatbot",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "type": "module",
   "main": "./src/index.js",
   "exports": {

package/src/index.js

@@ -118,6 +118,7 @@ function addMessage(content, type = 'bot', hasInput = false, stepNumber = null)
                     editStep(stepNumber);
                 };
                 editIcon.style.setProperty('display', 'inline', 'important');
+                editIcon.style.setProperty('margin-left', '8px', 'important');
                 console.log(`  ✏️ Edit icon SHOWN (step ${stepNumber} has input)`);
             } else {
                 console.log(`  ⚪ Edit icon HIDDEN (step ${stepNumber || 'N/A'} has no input)`);
@@ -127,11 +128,8 @@ function addMessage(content, type = 'bot', hasInput = false, stepNumber = null)
             console.warn('  → Make sure you have: <span data-chat-element="bot-edit-icon">✏️</span>');
         }
         
-        // Ensure wrapper has correct flex properties for spacing
-        clone.style.setProperty('display', 'inline-flex', 'important');
-        clone.style.setProperty('align-items', 'center', 'important');
-        clone.style.setProperty('gap', '8px', 'important');
-        console.log('  ✓ Wrapper flex properties set (gap: 8px)');
+        // REMOVED: No longer setting wrapper flex properties
+        // User controls wrapper styling with their own CSS
     }
 
     // Make clone visible
@@ -760,22 +758,6 @@ function injectStyles() {
     const style = document.createElement('style');
     style.id = styleId;
     style.textContent = `
-        /* Bot message spacing and alignment */
-        [data-chat-element="bot-message-wrapper"] {
-            margin-bottom: 16px;
-            display: inline-flex;
-            align-items: center;
-            gap: 8px;
-            max-width: 70%;
-            align-self: flex-start;
-        }
-
-        /* Bot message natural width from left */
-        [data-chat-element="bot-message-text"] {
-            width: auto;
-            display: inline-block;
-        }
-
         /* User message spacing and alignment */
         [data-chat-element="user-message-wrapper"] {
             margin-bottom: 16px;