touch other kinds

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ArchiveFeatureChange.tsx

@@ -18,7 +18,7 @@ export const ArchiveFeatureChange: FC<IArchiveFeatureChange> = ({
     <ChangeItemWrapper>
         <ChangeItemInfo>
             <ArchiveBox>Archiving flag</ArchiveBox>
-        </ChangeItemInfo>
             {actions}
+        </ChangeItemInfo>
     </ChangeItemWrapper>
 );

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/DependencyChange.tsx

@@ -15,12 +15,6 @@ const StyledLink = styled(Link)(({ theme }) => ({
     },
 }));
 
-const AddDependencyText = styled(Typography)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing(1),
-}));
-
 export const DependencyChange: FC<{
     actions?: ReactNode;
     change: IChangeRequestAddDependency | IChangeRequestDeleteDependency;
@@ -33,11 +27,7 @@ export const DependencyChange: FC<{
                 <>
                     <ChangeItemWrapper>
                         <ChangeItemInfo>
-                            <Typography
+                            <Typography component='span' color={'success.dark'}>
-                                component='span'
-                                color={'success.dark'}
-                                // sx={{ display: 'inline' }}
-                            >
                                 + Adding dependency
                             </Typography>
                             <StyledLink
@@ -50,23 +40,25 @@ export const DependencyChange: FC<{
                             {change.payload.variants?.length
                                 ? `(${change.payload.variants?.join(', ')})`
                                 : null}
-                        </ChangeItemInfo>
                             {actions}
+                        </ChangeItemInfo>
                     </ChangeItemWrapper>
                 </>
             )}
             {change.action === 'deleteDependency' && (
                 <ChangeItemWrapper>
-                    <AddDependencyWrapper>
+                    <ChangeItemInfo>
                         <Typography
                             sx={(theme) => ({
                                 color: theme.palette.error.main,
                             })}
+                            component='span'
+                            display='inline'
                         >
                             - Deleting dependencies
                         </Typography>
-                    </AddDependencyWrapper>
                         {actions}
+                    </ChangeItemInfo>
                 </ChangeItemWrapper>
             )}
         </>

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ReleasePlanChange.tsx

@@ -51,8 +51,8 @@ const DeleteReleasePlan: FC<{
                         - Deleting release plan
                     </Typography>
                     <Typography>{releasePlan.name}</Typography>
+                    {actions}
                 </ChangeItemInfo>
-                <div>{actions}</div>
             </ChangeItemWrapper>
             <ReleasePlan plan={releasePlan} readonly />
         </>
@@ -162,8 +162,8 @@ const AddReleasePlan: FC<{
                             + Adding release plan
                         </Typography>
                         <Typography>{planPreview.name}</Typography>
+                        {actions}
                     </ChangeItemInfo>
-                    <div>{actions}</div>
                 </ChangeItemWrapper>
                 <ReleasePlan plan={planPreview} readonly />
             </>