chore: fix the position of diff open

Author: sf-aastha-paruthi

src/styles/reportGenerator.css

@@ -322,12 +322,13 @@ body {
 
 .expandModalButton {
   position: absolute;
-  top: 5px;
-  right: 1.5rem;
+  top: 8px;
+  right: 8px;
   width: 30px;
   height: 30px;
   opacity: 0.7;
   display: none;
+  z-index: 10;
 }
 
 .report-wrapper {
@@ -601,9 +602,18 @@ td {
 
 .diff-cell {
   min-width: 30rem;
+  max-width: none !important;
+  padding: 0 !important;
+  overflow: visible !important;
 }
 
-.diff-cell:hover .expandModalButton {
+.diff-content-wrapper {
+  position: relative;
+  display: block;
+  width: 100%;
+}
+
+.diff-content-wrapper:hover .expandModalButton {
   display: block;
 }
 

src/utils/lwcparser/fileutils/FileDiffUtil.ts

@@ -12,7 +12,9 @@ export class FileDiffUtil {
       return '';
     }
     const diffArray: DiffPair[] = JSON.parse(diff) as DiffPair[];
-    let result = '<div style="height: 120px; text-align: left; overflow-x: auto;">';
+    // Wrap everything in a positioned container so button positions correctly within table cell
+    let result = '<div class="diff-content-wrapper">';
+    result += '<div style="height: 120px; text-align: left; overflow-x: auto; padding: 0.5rem;">';
     if (diffArray.length <= 6) {
       result += this.getDiffContent(diff) + '</div>';
     } else {
@@ -30,6 +32,7 @@ export class FileDiffUtil {
         </div>
       </div>`;
     }
+    result += '</div>'; // Close diff-content-wrapper
     return result;
   }