Improve padding of ExpandableList component. (#23702)

Co-authored-by: Maksym Yadlovskyi <[email protected]>

Author: linuspahl

graylog2-web-interface/src/components/common/ExpandableListItem.tsx

@@ -55,6 +55,7 @@ const StyledAccordionItem = styled(Accordion.Item)(
 
     .mantine-Accordion-content {
       padding-left: 11px;
+      padding-right: 0;
     }
 
     .mantine-Accordion-label {
@@ -64,6 +65,10 @@ const StyledAccordionItem = styled(Accordion.Item)(
   `,
 );
 
+const StyledAccordionControl = styled(Accordion.Control)`
+  padding-right: 0;
+`;
+
 type Props = React.PropsWithChildren<{
   header: React.ReactNode;
   value: string;
@@ -90,10 +95,10 @@ const ExpandableListItem = ({
 
   return (
     <StyledAccordionItem value={value}>
-      <Accordion.Control>
+      <StyledAccordionControl>
         {header}
         {subheader && <Subheader>{subheader}</Subheader>}
-      </Accordion.Control>
+      </StyledAccordionControl>
       <Accordion.Panel>
         <ContentContainer>{children}</ContentContainer>
       </Accordion.Panel>