fixed: icon positioning

Author: dogusata

example/src/samples/sample-data.ts

@@ -1662,4 +1662,32 @@ After that some blockquote!
 and normal text again.
 `,
     },
+
+    {
+        type: ChatItemType.ANSWER,
+        fullWidth: true,
+        padding: false,
+        header: {
+            buttons: [{
+                icon: 'undo',
+                text: 'Undo',
+                status: 'clear',
+                id: 'undo-change', // Or whatever ID you have
+            }],
+            fileList: {
+                hideFileCount: true,
+                fileTreeTitle: '',
+                filePaths: ['maze_game.py'],
+                details: {
+                    'maze_game.py': {
+                        icon: null,
+                        changes: {
+                            added: 131,
+                            deleted: 0,
+                        },
+                    },
+                },
+            },
+        },
+    }
 ];

example/src/samples/sample-diff.md

@@ -1,7 +1,7 @@
 ### Refactoring process on `index.ts`
 
 Changes will be applied _between line 42 and 70_.
- 
+
 ```diff-typescript
 const mynahUI = new MynahUI({
     tabs: {

src/styles/components/chat/_chat-item-card.scss

@@ -209,7 +209,7 @@
             > .mynah-chat-item-card-icon {
                 position: absolute;
                 left: var(--mynah-sizing-3);
-                top: var(--mynah-sizing-5);
+                top: calc(var(--mynah-sizing-1) + var(--mynah-line-height));
 
                 &[class*='icon-status-']:not(.icon-status-none) {
                     padding: var(--mynah-sizing-2);
@@ -394,6 +394,7 @@
                 align-items: center;
                 font-size: var(--mynah-font-size-large);
                 padding-right: var(--mynah-sizing-1);
+                min-height: var(--mynah-sizing-7);
                 @each $status in $mynah-statuses {
                     &.status-#{$status} {
                         color: var(--mynah-color-status-#{$status});