diff --git a/web/pgadmin/static/img/fonticon/close_fullscreen.svg b/web/pgadmin/static/img/fonticon/close_fullscreen.svg
new file mode 100644
index 000000000..3957c94af
--- /dev/null
+++ b/web/pgadmin/static/img/fonticon/close_fullscreen.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/web/pgadmin/static/img/fonticon/expand.svg b/web/pgadmin/static/img/fonticon/expand.svg
deleted file mode 100644
index 552bd9d17..000000000
--- a/web/pgadmin/static/img/fonticon/expand.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/web/pgadmin/static/img/fonticon/minimize_collapse.svg b/web/pgadmin/static/img/fonticon/minimize_collapse.svg
deleted file mode 100644
index 439505640..000000000
--- a/web/pgadmin/static/img/fonticon/minimize_collapse.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/web/pgadmin/static/img/fonticon/open_in_full.svg b/web/pgadmin/static/img/fonticon/open_in_full.svg
new file mode 100644
index 000000000..f783c72bc
--- /dev/null
+++ b/web/pgadmin/static/img/fonticon/open_in_full.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/web/pgadmin/static/js/components/ExternalIcon.jsx b/web/pgadmin/static/js/components/ExternalIcon.jsx
index a1e0e7393..2c6433764 100644
--- a/web/pgadmin/static/js/components/ExternalIcon.jsx
+++ b/web/pgadmin/static/js/components/ExternalIcon.jsx
@@ -11,8 +11,8 @@ import DisconnectedSvg from '../../img/fonticon/disconnected.svg?svgr';
import RegexSvg from '../../img/fonticon/regex.svg?svgr';
import FormatCaseSvg from '../../img/fonticon/format_case.svg?svgr';
import PropTypes from 'prop-types';
-import Expand from '../../img/fonticon/expand.svg?svgr';
-import Collapse from '../../img/fonticon/minimize_collapse.svg?svgr';
+import Expand from '../../img/fonticon/open_in_full.svg?svgr';
+import Collapse from '../../img/fonticon/close_fullscreen.svg?svgr';
export default function ExternalIcon({Icon, ...props}) {
return ;
@@ -33,6 +33,6 @@ export const ConnectedIcon = ()=>;
export const RegexIcon = ()=>;
export const FormatCaseIcon = ()=>;
-export const ExpandDialogIcon = ()=>;
-export const MinimizeDialogIcon = ()=>;
+export const ExpandDialogIcon = ()=>;
+export const MinimizeDialogIcon = ()=>;
diff --git a/web/pgadmin/static/js/helpers/ModalProvider.jsx b/web/pgadmin/static/js/helpers/ModalProvider.jsx
index b955d9c3f..1f6d07433 100644
--- a/web/pgadmin/static/js/helpers/ModalProvider.jsx
+++ b/web/pgadmin/static/js/helpers/ModalProvider.jsx
@@ -226,6 +226,10 @@ const useModalStyles = makeStyles(() => ({
transition: 'none',
flexShrink: 0,
userSelect: 'none',
+ },
+ iconButtonStyle: {
+ marginLeft: 'auto',
+ marginRight: '0.3em'
}
}));
@@ -251,11 +255,11 @@ function ModalContainer({ id, title, content, dialogHeight, dialogWidth, fullScr
{title}
{
showFullScreen && !isfullScreen &&
- } size="xs" noBorder onClick={() => { setIsFullScreen(!isfullScreen); }} />
+ } size="xs" noBorder onClick={() => { setIsFullScreen(!isfullScreen); }} />
}
{
showFullScreen && isfullScreen &&
- } size="xs" noBorder onClick={() => { setIsFullScreen(!isfullScreen); }} />
+ } size="xs" noBorder onClick={() => { setIsFullScreen(!isfullScreen); }} />
}
} size="xs" noBorder onClick={closeModal} />