Merge pull request #3159 from shujuuu/fix-mobile-tabs-broken-layout

Fix broken file name tabs in mobile

Author: raclim

client/modules/IDE/components/Editor/MobileEditor.jsx

@@ -19,6 +19,7 @@ export const EditorContainer = styled.div`
       padding: ${remSize(10)};
       font-weight: bold;
       ${prop('MobilePanel.default')}
+      background-color: ${prop('backgroundColor')}
     }
   }
 

client/modules/IDE/components/Editor/index.jsx

@@ -582,7 +582,7 @@ class Editor extends React.Component {
             </section>
           ) : (
             <EditorContainer expanded={this.props.isExpanded}>
-              <>
+              <div>
                 <IconButton
                   onClick={this.props.expandSidebar}
                   icon={FolderIcon}
@@ -591,7 +591,7 @@ class Editor extends React.Component {
                   {this.props.file.name}
                   <UnsavedChangesIndicator />
                 </span>
-              </>
+              </div>
               <section>
                 <EditorHolder
                   ref={(element) => {