From 0c67c4c6afbe0dcc560972c4b80ca1ed78f807ba Mon Sep 17 00:00:00 2001
From: Gwendoline Favre-Felix <gwendoline.favre-felix@filigran.io>
Date: Tue, 17 Dec 2024 16:06:02 +0100
Subject: [PATCH] [frontend] Correct the position of the + button and the size
 of the drawer (#9279)

---
 .../observations/indicators/IndicatorCreation.tsx     |  2 +-
 .../StixCyberObservableAddIndicators.jsx              | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/opencti-platform/opencti-front/src/private/components/observations/indicators/IndicatorCreation.tsx b/opencti-platform/opencti-front/src/private/components/observations/indicators/IndicatorCreation.tsx
index d4655af8bf78..fd951e8561d6 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/indicators/IndicatorCreation.tsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/indicators/IndicatorCreation.tsx
@@ -46,7 +46,7 @@ const useStyles = makeStyles<Theme>((theme) => ({
   createButtonContextual: {
     position: 'fixed',
     bottom: 30,
-    right: 100,
+    right: 30,
     transition: theme.transitions.create('right', {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.enteringScreen,
diff --git a/opencti-platform/opencti-front/src/private/components/observations/stix_cyber_observables/StixCyberObservableAddIndicators.jsx b/opencti-platform/opencti-front/src/private/components/observations/stix_cyber_observables/StixCyberObservableAddIndicators.jsx
index c5caff6c0690..ac383f05a007 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/stix_cyber_observables/StixCyberObservableAddIndicators.jsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/stix_cyber_observables/StixCyberObservableAddIndicators.jsx
@@ -15,7 +15,6 @@ import IndicatorCreation from '../indicators/IndicatorCreation';
 const styles = (theme) => ({
   drawerPaper: {
     minHeight: '100vh',
-    width: '50%',
     position: 'fixed',
     transition: theme.transitions.create('width', {
       easing: theme.transitions.easing.sharp,
@@ -100,7 +99,7 @@ class StixCyberObservableAddIndicators extends Component {
               size="large"
               color="primary"
             >
-              <Close fontSize="small" color="primary" />
+              <Close fontSize="small" color="primary"/>
             </IconButton>
             <Typography variant="h6" classes={{ root: classes.title }}>
               {t('Add indicators')}
@@ -134,8 +133,14 @@ class StixCyberObservableAddIndicators extends Component {
               }}
             />
           </div>
+          <div className={classes.createButton}>
+            <IndicatorCreation
+              display={open}
+              contextual
+              paginationOptions={paginationOptions}
+            />
+          </div>
         </Drawer>
-        <IndicatorCreation display={open} contextual paginationOptions={paginationOptions} />
       </>
     );
   }