ui fix

apps/remix-ide/src/app/components/hidden-panel.tsx

@@ -30,7 +30,7 @@ export class HiddenPanel extends AbstractPanel {
   }
 
   updateComponent (state: any) {
-    return <div className='pluginsContainer'><RemixPluginPanel header={<></>} plugins={state.plugins}/></div> 
+    return <RemixPluginPanel header={<></>} plugins={state.plugins}/>
   }
 
   setDispatch (dispatch: React.Dispatch<any>) {
@@ -39,7 +39,7 @@ export class HiddenPanel extends AbstractPanel {
 
   render() {      
     return (
-        <ViewPluginUI plugin={this} />
+      <div className='pluginsContainer'><ViewPluginUI plugin={this} /></div>
     );
   }
 

apps/remix-ide/src/app/components/plugin-manager-component.js

@@ -88,8 +88,8 @@ class PluginManagerComponent extends ViewPlugin {
   }
 
   updateComponent(state){
-    return <div id='pluginManager'><RemixUiPluginManager
+    return <RemixUiPluginManager
-      pluginComponent={state}/></div>
+      pluginComponent={state}/>
   }
 
   renderComponent () {
@@ -98,7 +98,7 @@ class PluginManagerComponent extends ViewPlugin {
 
   render () {
     return (
-        <ViewPluginUI plugin={this} />
+      <div id='pluginManager'><ViewPluginUI plugin={this} /></div>
     );
     
   }

apps/remix-ide/src/app/components/side-panel.tsx

@@ -86,12 +86,12 @@ export class SidePanel extends AbstractPanel {
 
   render() {      
     return (
-        <ViewPluginUI plugin={this} />
+      <section className='panel plugin-manager'> <ViewPluginUI plugin={this} /></section>
     );
   }
 
   updateComponent(state: any) {
-    return <section className='panel plugin-manager'> <RemixPluginPanel header={<RemixUIPanelHeader plugins={state.plugins}></RemixUIPanelHeader>} plugins={state.plugins} /> </section>
+    return <RemixPluginPanel header={<RemixUIPanelHeader plugins={state.plugins}></RemixUIPanelHeader>} plugins={state.plugins} />
   }
 
   renderComponent() {

apps/remix-ide/src/app/components/vertical-icons.tsx

@@ -113,15 +113,15 @@ export class VerticalIcons extends Plugin {
   }
 
   updateComponent(state: any){
-    return  <div id='icon-panel'><RemixUiVerticalIconsPanel
+    return  <RemixUiVerticalIconsPanel
     verticalIconsPlugin={state.verticalIconsPlugin}
     icons={state.icons}
-    /></div>
+    />
   }
 
   render() {      
     return (
-        <ViewPluginUI plugin={this} />
+      <div id='icon-panel'><ViewPluginUI plugin={this} /></div>
     );
   }
 }

apps/remix-ide/src/app/tabs/debugger-tab.js

@@ -51,8 +51,7 @@ export class DebuggerTab extends DebuggerApiMixin(ViewPlugin) {
     this.on('fetchAndCompile', 'sourceVerificationNotAvailable', () => {
       this.call('notification', 'toast', sourceVerificationNotAvailableToastMsg())
     })
-    
+    return <div className={css.debuggerTabView} id='debugView'><DebuggerUI debuggerAPI={this} /></div>
-    return <DebuggerUI debuggerAPI={this} />
   }
 
   showMessage (title, message) {

apps/remix-ide/src/app/udapp/run-tab.js

@@ -83,7 +83,7 @@ export class RunTab extends ViewPlugin {
   }
 
   render () {
-    return  <RunTabUI plugin={this} />
+    return  <div><RunTabUI plugin={this} /></div>
   }