From c3db5aafe30782698a7b0dabb59c2773045c703d Mon Sep 17 00:00:00 2001
From: Olli Kauppinen <olli.kauppinen@nls.fi>
Date: Tue, 26 Nov 2024 10:15:30 +0200
Subject: [PATCH] remove padding from content and increase z-index

---
 src/react/components/window/Modal.jsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/react/components/window/Modal.jsx b/src/react/components/window/Modal.jsx
index 265d808033..a0cdf93e2a 100644
--- a/src/react/components/window/Modal.jsx
+++ b/src/react/components/window/Modal.jsx
@@ -1,19 +1,22 @@
 import React from 'react';
 import { Modal as AntModal } from 'antd';
 import { ThemeConsumer } from '../../util/contexts';
-import styled from 'styled-components';
 import { Header } from 'oskari-ui/components/window/Header';
-const StyledModal = styled(AntModal)`
-    .ant-modal-body {
-        padding: 0 0 0.5em 0;
+
+const styles = {
+    body: {
+        padding: '0 0 0.5em 0'
+    },
+    content: {
+        padding: '0'
     }
-`;
+};
 
 export const Modal = ThemeConsumer(({children, title,  options={}, theme={}}) => {
-    return <StyledModal open={true} closable={false} centered={true} footer={null}>
+    return <AntModal zIndex={100000} styles={styles} open={true} closable={false} centered={true} footer={null}>
         <div>
             <Header title={title} isDraggable={false}/>
             {children}
         </div>
-    </StyledModal>;
+    </AntModal>;
 });
\ No newline at end of file