From ba7aa8cc22127923bbfd2343e89cb0c11d4b8197 Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Tue, 3 Mar 2026 11:23:26 -0400
Subject: [PATCH] change ui

---
 src/App.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7db8efe..a3d345b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -607,7 +607,7 @@ body {
   height: 100%;
 }
 
-.page-container { max-width: 800px; margin: 0 auto; padding-bottom: 60px; transition: max-width 0.4s ease; }
+.page-container { max-width: 800px; margin: 0 auto; padding-bottom: 10px; transition: max-width 0.4s ease; }
 .page-container.full-width { max-width: 1400px; }
 .page-header { margin-bottom: 40px; text-align: center; }
 .page-header h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; color: var(--text-main); }
@@ -829,13 +829,17 @@ body {
   flex: 2; 
   display: flex; 
   align-items: center; 
+  font-weight: 500;
+  min-width: 0;
+}
+.node-text {
   white-space: nowrap; 
   overflow: hidden; 
-  text-overflow: ellipsis; 
-  font-weight: 500;
+  text-overflow: ellipsis;
+  flex: 1;
 }
-.col-size { width: 100px; text-align: right; font-weight: 600; color: var(--text-main); }
-.col-graph { width: 180px; display: flex; align-items: center; gap: 12px; padding-left: 32px; }
+.col-size { width: 100px; text-align: right; font-weight: 600; color: var(--text-main); flex-shrink: 0; }
+.col-graph { width: 180px; display: flex; align-items: center; gap: 12px; padding-left: 32px; flex-shrink: 0; }
 
 .mini-bar-bg { flex: 1; height: 6px; background: #F0F0F2; border-radius: 3px; overflow: hidden; }
 .mini-bar-fill {