layout

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

@@ -20,12 +20,13 @@ const sidePanel = {
 // TODO merge with vertical-icons.js
 export class SidePanel extends AbstractPanel {
   appManager: RemixAppManager
-  sideelement: HTMLDivElement
+  sideelement: any
   verticalIcons: VerticalIcons;
   constructor (appManager: RemixAppManager, verticalIcons: VerticalIcons) {
     super(sidePanel)
     this.appManager = appManager
-    this.sideelement = document.createElement('div')
+    this.sideelement = document.createElement('section')
+    this.sideelement.setAttribute('class', 'panel plugin-manager')
     this.verticalIcons = verticalIcons
 
     // Toggle content

libs/remix-ui/panel/src/lib/remix-ui-panel.tsx

@@ -12,14 +12,16 @@ export interface RemixPanelProps {
 
 export function RemixPanel (props: RemixPanelProps) {
   return (
-    <div className='panel plugin-manager'>
+    <>
       {props.header}
       <div className="pluginsContainer">
-        {Object.values(props.plugins).map((pluginRecord) => {
-          return <RemixUIPanelPlugin key={pluginRecord.profile.name} pluginRecord={pluginRecord} />
-        })}
+        <div className='plugins' id='plugins'>
+          {Object.values(props.plugins).map((pluginRecord) => {
+            return <RemixUIPanelPlugin key={pluginRecord.profile.name} pluginRecord={pluginRecord} />
+          })}
+        </div>
       </div>
-    </div>
+    </>
 
   )
 }