From b364c417366af2516b90638453d93e4959167676 Mon Sep 17 00:00:00 2001
From: anti <samuel@securejump.cl>
Date: Thu, 30 Apr 2026 00:24:27 -0400
Subject: [PATCH] fix(ui): dashboard panel heights + missing icon

- Use height: 480px on .dash-grid so both columns are the same height;
  side panels split that height via flex instead of their own max-height
- Add LayoutDashboard icon to the DASHBOARD page header
---
 decnet_web/src/components/Dashboard.css | 8 ++++----
 decnet_web/src/components/Dashboard.tsx | 7 +++++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/decnet_web/src/components/Dashboard.css b/decnet_web/src/components/Dashboard.css
index 12896b6a..86911b51 100644
--- a/decnet_web/src/components/Dashboard.css
+++ b/decnet_web/src/components/Dashboard.css
@@ -260,13 +260,14 @@
   display: grid;
   grid-template-columns: 2fr 1fr;
   gap: 16px;
-  flex: 1;
-  min-height: 0;
+  height: 480px;
 }
 
 .dash-grid > .logs-section {
-  max-height: 480px;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
 }
 
 .dash-grid > .logs-section .logs-table-container {
@@ -286,7 +287,6 @@
   flex: 1;
   min-height: 0;
   overflow: hidden;
-  max-height: 300px;
 }
 
 .dash-side > .logs-section .panel-body {
diff --git a/decnet_web/src/components/Dashboard.tsx b/decnet_web/src/components/Dashboard.tsx
index c013582e..7aabcb90 100644
--- a/decnet_web/src/components/Dashboard.tsx
+++ b/decnet_web/src/components/Dashboard.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import './Dashboard.css';
-import { Shield, Users, Activity, Clock, Paperclip, Crosshair, Flame, Archive, ShieldOff, Server } from '../icons';
+import { Shield, Users, Activity, Clock, Paperclip, Crosshair, Flame, Archive, ShieldOff, Server, LayoutDashboard } from '../icons';
 import { parseEventBody } from '../utils/parseEventBody';
 import ArtifactDrawer from './ArtifactDrawer';
 import EmptyState from './EmptyState/EmptyState';
@@ -223,7 +223,10 @@ const Dashboard: React.FC<DashboardProps> = ({ searchQuery }) => {
     <div className="dashboard">
       <div className="page-header">
         <div className="page-title-group">
-          <h1>DASHBOARD</h1>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
+            <LayoutDashboard size={22} className="violet-accent" />
+            <h1>DASHBOARD</h1>
+          </div>
           <span className="page-sub">SECTOR · {sector} · LIVE</span>
         </div>
         <div className="section-actions">