misc: Update grouping styles (#32521)

* misc: Update grouping styles

* Update changelog

* Update CHANGELOG for misc changes

* Update cli/CHANGELOG.md

---------

Co-authored-by: Jennifer Shehane <[email protected]>

Author: estrada9166

cli/CHANGELOG.md

@@ -7,6 +7,10 @@ _Released 9/23/2025 (PENDING)_
 
 - In development mode, Electron `stderr` is piped directly to Cypress' `stderr` to make it clear why Electron failed to start, if it fails to start. Fixes [#32358](https://github.com/cypress-io/cypress/issues/32358). Addressed in [32468](https://github.com/cypress-io/cypress/pull/32468).
 
+**Misc:**
+
+- Update the styles for command grouping 'line' so on expansion it is displayed correctly. Addressed in [#32521](https://github.com/cypress-io/cypress/pull/32521)
+
 ## 15.2.0
 
 _Released 9/9/2025_

packages/reporter/src/commands/commands.scss

@@ -104,7 +104,7 @@
   // when no children, add padding to act as the .command-expander-column's width
   // to prevent adding another element to the page
   .command-number-column + span.command-pin-target {
-    margin-left: 24px;
+    margin-left: $gutter-margin;
   }
 
   .command-pin-target.command-group {

packages/reporter/src/lib/variables.scss

@@ -128,4 +128,4 @@ $open-sans: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 $monospace: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
 $font-system: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
 
-$gutter-margin: 14px;
+$gutter-margin: 12px;