fix scrolling, reset highlight on text transaction

1 files changed, 11 insertions, 3 deletions

diff --git a/www/index.html b/www/index.html
index 1404993..55127df 100644
--- a/www/index.html
+++ b/www/index.html
@@ -6,17 +6,25 @@
   </head>
   <style>
 .grid-container {
+  width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: 20px;
 }
 .syntax-node {
-  padding: 0px;
-  padding-left: 20px;
+  padding-left: 5px;
+  margin-left: 20px;
+  border-left: 2px solid white;
+}
+.syntax-node:hover {
+  border-left: 2px solid #ccc;
 }
 .syntax-err {
   color: red;
 }
+#cst, #source-code {
+  height: 100vh;
+  overflow: scroll;
+}
 pre {
   padding: 0px;
   margin: 0px