diff --git a/client/modules/IDE/components/Editor/MobileEditor.jsx b/client/modules/IDE/components/Editor/MobileEditor.jsx index c3e56afd79..fa46e33b86 100644 --- a/client/modules/IDE/components/Editor/MobileEditor.jsx +++ b/client/modules/IDE/components/Editor/MobileEditor.jsx @@ -9,7 +9,7 @@ export const EditorContainer = styled.div` transform: ${(props) => props.expanded ? 'translateX(50%)' : 'translateX(0)'}; - > header { + > div { display: flex; ${prop('MobilePanel.secondary')} > span { diff --git a/client/modules/IDE/components/Editor/index.jsx b/client/modules/IDE/components/Editor/index.jsx index 87f456a126..925fdf955b 100644 --- a/client/modules/IDE/components/Editor/index.jsx +++ b/client/modules/IDE/components/Editor/index.jsx @@ -513,7 +513,7 @@ class Editor extends React.Component { {(matches) => matches ? (
-
+
-
+
{ this.codemirrorContainer = element; @@ -555,7 +555,7 @@ class Editor extends React.Component {
) : ( -
+ <> -
+
{ diff --git a/client/modules/IDE/components/Header/Nav.jsx b/client/modules/IDE/components/Header/Nav.jsx index 40381b8f4c..c288fc464b 100644 --- a/client/modules/IDE/components/Header/Nav.jsx +++ b/client/modules/IDE/components/Header/Nav.jsx @@ -270,7 +270,7 @@ const UnauthenticatedUserMenu = () => { - {t('Nav.LoginOr')} +
  • {t('Nav.LoginOr')}
  • diff --git a/client/modules/IDE/components/Header/index.jsx b/client/modules/IDE/components/Header/index.jsx index dd02700e83..79f78ff67e 100644 --- a/client/modules/IDE/components/Header/index.jsx +++ b/client/modules/IDE/components/Header/index.jsx @@ -12,12 +12,12 @@ const Header = (props) => { const isMobile = useIsMobile(); return ( -
    + <>
    + ); };