From a556f50668c7eede6dc4ac44d7ebd72ed5455ff3 Mon Sep 17 00:00:00 2001
From: qazal <77887910+Qazalin@users.noreply.github.com>
Date: Sun, 6 Jul 2025 17:05:36 +0300
Subject: [PATCH] viz: small ui fixes (#11110)

* share styling of ctx-list and metadata

* scrollbar-gutter: stable prevents layout shift when changing steps

* margin-left makes left side unaligned
---
 tinygrad/viz/index.html | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/tinygrad/viz/index.html b/tinygrad/viz/index.html
index a167de4b3d..21c92dac48 100644
--- a/tinygrad/viz/index.html
+++ b/tinygrad/viz/index.html
@@ -123,21 +123,17 @@
     padding-top: 50px;
     border-right: 1px solid #4a4b56;
   }
-  .ctx-list {
+  .ctx-list, .metadata {
     width: 100%;
     height: 100%;
     overflow-y: auto;
+    scrollbar-gutter: stable;
   }
   .metadata-parent {
     width: 20%;
     border-left: 1px solid #4a4b56;
     margin-left: auto;
   }
-  .metadata {
-    width: 100%;
-    height: 100%;
-    overflow-y: auto;
-  }
   .resize-handle {
     position: absolute;
     top: 0;
@@ -182,8 +178,8 @@
     display: flex;
     flex-wrap: wrap;
   }
-  .rewrite-list > * + * {
-    margin-left: 4px;
+  .rewrite-list > ul {
+    padding: 2px;
   }
   .wrap {
     word-wrap: break-word;