move apply stat button from far right to the left so it doesnt cover…

… up the first line of json file closes(44)
Canadian-Geospatial-Platform · Oct 23, 2024 · ffac7d4 · ffac7d4
1 parent cfc7b5f
commit ffac7d4
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/components/ConfigTextEditor.tsx b/src/components/ConfigTextEditor.tsx
@@ -105,14 +105,6 @@ export function ConfigTextEditor() {
       >
         <Box sx={modalContentStyle}>
           <Box className="config-editor" sx={{ position: 'relative' }}>
-            <Box sx={{ position: 'absolute', top: 5, left: 10 }}>
-              <Button variant="contained" color="primary" size="small" onClick={handleApplyStateToConfigFile}>
-                Apply State to Config File
-              </Button>
-            </Box>
-            <Box sx={{ position: 'absolute', top: 5, right: 10 }}>
-              <CopyToClipboardButton textToCopy={editorText} />
-            </Box>
             <div className="line-numbers">
               {generateArray(numberOfLines).map((lineNumber) => (
                 <span key={lineNumber}></span>
@@ -130,6 +122,12 @@ export function ConfigTextEditor() {
             ></textarea>
           </Box>
           <Box sx={{ display: 'flex', justifyContent: 'center', mt: 2, gap: 2 }}>
+            <Button variant="contained" color="primary" size="small" onClick={handleApplyStateToConfigFile}>
+                Apply State to Config File
+            </Button>
+            <Box >
+              <CopyToClipboardButton textToCopy={editorText} />
+            </Box>
             <Button variant="contained" color="primary" onClick={validateText} disabled={!isEditorTouched}>
               Validate
             </Button>