From 33d670bcef4b3b4cd1763526e76a6f2d596355e6 Mon Sep 17 00:00:00 2001
From: filip mertens <filip.mertens@ethereum.org>
Date: Sun, 13 Feb 2022 20:44:38 +0100
Subject: [PATCH] ui fix

---
 apps/remix-ide/src/app/components/hidden-panel.tsx          | 4 ++--
 .../src/app/components/plugin-manager-component.js          | 6 +++---
 apps/remix-ide/src/app/components/side-panel.tsx            | 4 ++--
 apps/remix-ide/src/app/components/vertical-icons.tsx        | 6 +++---
 apps/remix-ide/src/app/tabs/debugger-tab.js                 | 3 +--
 apps/remix-ide/src/app/udapp/run-tab.js                     | 2 +-
 6 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/apps/remix-ide/src/app/components/hidden-panel.tsx b/apps/remix-ide/src/app/components/hidden-panel.tsx
index fbd1a46790..d208a1b79d 100644
--- a/apps/remix-ide/src/app/components/hidden-panel.tsx
+++ b/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>
     );
   }
 
diff --git a/apps/remix-ide/src/app/components/plugin-manager-component.js b/apps/remix-ide/src/app/components/plugin-manager-component.js
index d2a192dee0..8836157cc5 100644
--- a/apps/remix-ide/src/app/components/plugin-manager-component.js
+++ b/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
-      pluginComponent={state}/></div>
+    return <RemixUiPluginManager
+      pluginComponent={state}/>
   }
 
   renderComponent () {
@@ -98,7 +98,7 @@ class PluginManagerComponent extends ViewPlugin {
 
   render () {
     return (
-        <ViewPluginUI plugin={this} />
+      <div id='pluginManager'><ViewPluginUI plugin={this} /></div>
     );
     
   }
diff --git a/apps/remix-ide/src/app/components/side-panel.tsx b/apps/remix-ide/src/app/components/side-panel.tsx
index 9d1d954bb2..60d323d88e 100644
--- a/apps/remix-ide/src/app/components/side-panel.tsx
+++ b/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() {
diff --git a/apps/remix-ide/src/app/components/vertical-icons.tsx b/apps/remix-ide/src/app/components/vertical-icons.tsx
index ed482b740b..dab66a52cd 100644
--- a/apps/remix-ide/src/app/components/vertical-icons.tsx
+++ b/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>
     );
   }
 }
diff --git a/apps/remix-ide/src/app/tabs/debugger-tab.js b/apps/remix-ide/src/app/tabs/debugger-tab.js
index 6253c594e5..bd19b88137 100644
--- a/apps/remix-ide/src/app/tabs/debugger-tab.js
+++ b/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 <DebuggerUI debuggerAPI={this} />
+    return <div className={css.debuggerTabView} id='debugView'><DebuggerUI debuggerAPI={this} /></div>
   }
 
   showMessage (title, message) {
diff --git a/apps/remix-ide/src/app/udapp/run-tab.js b/apps/remix-ide/src/app/udapp/run-tab.js
index 63de28c3e6..10d99bfd2b 100644
--- a/apps/remix-ide/src/app/udapp/run-tab.js
+++ b/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>
   }