feat: improve terminal and monitoring styling

public/scripts/components/DrawerComponent.js

@@ -130,10 +130,17 @@ class DrawerComponent {
 
         // Open drawer
         this.detailsDrawer.classList.add('open');
+        // Inform terminal container that the drawer is open for alignment
+        if (this.terminalPanelContainer) {
+            this.terminalPanelContainer.classList.add('drawer-open');
+        }
     }
 
     closeDrawer() {
         if (this.detailsDrawer) this.detailsDrawer.classList.remove('open');
+        if (this.terminalPanelContainer) {
+            this.terminalPanelContainer.classList.remove('drawer-open');
+        }
         
         // Call close callback if provided
         if (this.onCloseCallback) {

public/scripts/components/MonitoringViewComponent.js

@@ -354,10 +354,11 @@ class MonitoringViewComponent extends Component {
                 return this.renderNodeCard(nodeData);
             }).join('');
         
+        const nodeCount = nodeResources.size;
         container.innerHTML = `
             <div class="nodes-monitoring-content">
                 <h3>🖥️ Node Resource Details</h3>
-                <div class="nodes-grid">
+                <div class="nodes-grid" data-item-count="${nodeCount}">
                     ${nodesHtml}
                 </div>
             </div>