fix: fixes an issue where the new feedback button on the config strategy pane (#9638)

frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx

@@ -33,17 +33,16 @@ interface IFeatureStrategyMenuProps {
     matchWidth?: boolean;
     size?: IPermissionButtonProps['size'];
     disableReason?: string;
+    allowReleasePlanFeedback?: boolean;
 }
 
 const StyledStrategyMenu = styled('div')(({ theme }) => ({
     flexShrink: 0,
     display: 'flex',
-    width: '100%',
     flexFlow: 'row',
+    flex: 1,
+    justifyContent: 'flex-end',
     gap: theme.spacing(1),
-    '& > :nth-child(2)': {
-        marginLeft: 'auto',
-    },
 }));
 
 const StyledAdditionalMenuButton = styled(PermissionButton)(({ theme }) => ({
@@ -62,6 +61,10 @@ const StyledLink = styled(Link<typeof RouterLink | 'a'>)(({ theme }) => ({
     textDecoration: 'none',
 }));
 
+const Spacer = styled('div')(({ theme }) => ({
+    flex: 1,
+}));
+
 export const FeatureStrategyMenu = ({
     label,
     projectId,
@@ -71,6 +74,7 @@ export const FeatureStrategyMenu = ({
     size,
     matchWidth,
     disableReason,
+    allowReleasePlanFeedback = false,
 }: IFeatureStrategyMenuProps) => {
     const [anchor, setAnchor] = useState<Element>();
     const [onlyReleasePlans, setOnlyReleasePlans] = useState<boolean>(false);
@@ -176,6 +180,8 @@ export const FeatureStrategyMenu = ({
     return (
         <StyledStrategyMenu onClick={(event) => event.stopPropagation()}>
             {displayReleasePlanButton ? (
+                <>
+                    {allowReleasePlanFeedback ? (
                         <>
                             <StyledLink
                                 component='a'
@@ -186,6 +192,9 @@ export const FeatureStrategyMenu = ({
                             >
                                 Give feedback to release templates
                             </StyledLink>
+                            <Spacer />
+                        </>
+                    ) : null}
                     <PermissionButton
                         data-testid='ADD_TEMPLATE_BUTTON'
                         permission={CREATE_FEATURE_STRATEGY}

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/FeatureOverviewEnvironment.tsx

@@ -43,8 +43,8 @@ const NewStyledAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
 const StyledAccordionFooter = styled('footer')(({ theme }) => ({
     padding: theme.spacing(2, 3, 3),
     display: 'flex',
-    flexDirection: 'column',
+    flexDirection: 'row',
-    alignItems: 'flex-end',
+    justifyContent: 'end',
     gap: theme.spacing(2),
 }));
 
@@ -131,6 +131,7 @@ export const FeatureOverviewEnvironment = ({
                             projectId={projectId}
                             featureId={featureId}
                             environmentId={environment.name}
+                            allowReleasePlanFeedback={true}
                         />
                         {isOss() && environment?.type === 'production' ? (
                             <UpgradeChangeRequests />