Side panel enhancements

[elycheea]

Originally from side panel migration review and #2810. Since these are not regressions but inconsistencies from the intended design, these should be addressed separately.

These issues affect both v1 (Carbon 10) and v2 (Carbon 11) and ideally we would address these in both versions.

Enhancements

These account for things that may have been missed previously but would be nice to fix if straightforward.

• [ ] Add consistent padding to labelText for consistency with title
  • Title appears to use $spacing-09

    

• [ ] Increase scrolled / sticky title to use $spacing-05 (1rem) bottom padding

  

• [ ] Align icon with content when first item in action toolbar is icon
  • Icon should be aligned with the text, .5rem from the edge of the panel

    

• [ ] Add $spacing-03 below action icons when content is scrolled
• [ ] Add top and bottom padding to .#{$block_class}__body-content
  • Padding top should use $spacing-03 / 8px
  • Padding bottom should use $spacing-10 / 64px
• [ ] Remove extra padding from ghost button in action set (other buttons are aligned with text, but ghost button has an extra 16px

  

• [ ] Add $spacing-02 below the label text
  • Label in tearsheet/modals includes this margin below so we should add it to side panels for consistency

[mranjana]

@elycheea , Is this still open? Can I take it up?

[elycheea]

@mranjana You’re welcome to pick this up to contribute a fix! I think it would be okay to prioritize this for our v2 main branch only.