🐛 Fix styling and layout issues in NamedVersionSelector Header (#258)

![Uploading image.png…]()

Author: CalebGerman

.changeset/floppy-hats-tan.md

@@ -0,0 +1,5 @@
+---
+"@itwin/changed-elements-react": patch
+---
+
+Fixed header alignment for changed elements widget

packages/changed-elements-react/src/NamedVersionSelector/NamedVersionSelector.scss

@@ -88,7 +88,7 @@
     ._cer_v1_named-version-list-header {
       grid-column: 1 / 4;
       padding-block: var(--iui-size-m);
-      padding-inline: var(--iui-size-xs);
+      padding-inline: var(--iui-size-m);
       display: flex;
       gap: var(--iui-size-s);
       justify-content: space-between;
@@ -124,6 +124,7 @@
 
     ._cer_v1_named-version-entry > :first-child {
       width: 100%;
+      padding-inline: var(--iui-size-2xs);
     }
 
     ._cer_v1_action-button {

packages/changed-elements-react/src/NamedVersionSelector/NamedVersionSelector.tsx

@@ -738,7 +738,7 @@ function NamedVersionListEntry(props: Readonly<NamedVersionEntryProps>): ReactEl
 
   return (
     <ListItem className="_cer_v1_named-version-entry">
-      <Flex justifyContent="left" >
+      <Flex justifyContent="left" gap="5px" >
         <Flex.Item flex='2'>
           <div>
             <div style={{ display: "grid", gap: "1px" }}>