diff --git a/visualisers/gmvis/public/css/main.css b/visualisers/gmvis/public/css/main.css index c1b2232..5cfc8c7 100644 --- a/visualisers/gmvis/public/css/main.css +++ b/visualisers/gmvis/public/css/main.css @@ -24,12 +24,17 @@ body .split-pane { margin: 0 ; padding: 0 +; overflow: scroll } .pane-content { margin: 0.5em } +.pane-content h5 +{ margin: 0 +} + .split-pane:has(> .stack-view) { display: flex ; flex-direction: column-reverse diff --git a/visualisers/gmvis/src/ui.cljs b/visualisers/gmvis/src/ui.cljs index cb91b93..19d040c 100644 --- a/visualisers/gmvis/src/ui.cljs +++ b/visualisers/gmvis/src/ui.cljs @@ -89,6 +89,7 @@ (defn Code [code] [:div {:class "pane-content code-view"} + [:h5 "Next instructions"] [:<> (map Instr code)]]) ;------------------------------------------------------------------------------; @@ -102,10 +103,10 @@ [Splitter {:order 1 :size +split-width+}] [Pane {:order 2 :initialSize "0.333fr"} [Root {:direction "vertical"} - [Pane {:order 0 :initialSize "0.8fr"} + [Pane {:order 0 :initialSize "0.7fr"} [Stack heap stack]] [Splitter {:order 1 :size +split-width+}] - [Pane {:order 2 :initialSize "0.2fr"} + [Pane {:order 2 :initialSize "0.3fr"} [Code code]]]] [Splitter {:order 3 :size +split-width+}] [Pane {:order 5 :initialSize "0.333fr"}