Index: runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/isolate_view.html |
diff --git a/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/isolate_view.html b/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/isolate_view.html |
index c7f1a64cc5602748082b0544568548c2729d7337..c69d7eec507bbbbd94febeabdc220e457d65b44d 100644 |
--- a/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/isolate_view.html |
+++ b/runtime/bin/vmservice/client/deployed/web/packages/observatory/src/elements/isolate_view.html |
@@ -107,82 +107,101 @@ |
<br> |
- <div class="content"> |
- <div class="memberList"> |
- <div class="memberItem"> |
- <div class="memberName">root library</div> |
- <div class="memberValue"> |
- <function-ref ref="{{ isolate.rootLib }}"></function-ref> |
+ <div class="content-centered"> |
+ <div class="flex-row"> |
+ |
+ <div class="flex-item-fixed-6-12"> |
+ <div class="memberList"> |
+ <div class="memberItem"> |
+ <div class="memberName">root library</div> |
+ <div class="memberValue"> |
+ <library-ref ref="{{ isolate.rootLib }}"></library-ref> |
+ </div> |
+ </div> |
+ <div class="memberItem"> |
+ <template if="{{ isolate.entry != null }}"> |
+ <div class="memberName">entry</div> |
+ <div class="memberValue"> |
+ <function-ref ref="{{ isolate.entry }}"></function-ref> |
+ </div> |
+ </template> |
+ </div> |
+ <div class="memberItem"> |
+ <div class="memberName">id</div> |
+ <div class="memberValue">{{ isolate.mainPort }}</div> |
+ </div> |
+ <br> |
+ <div class="memberItem"> |
+ <div class="memberValue"> |
+ See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> |
+ </div> |
+ </div> |
+ <div class="memberItem"> |
+ <div class="memberValue"> |
+ See <a href="{{ isolate.relativeHashLink('profile') }}">cpu profile</a> |
+ </div> |
+ </div> |
+ <div class="memberItem"> |
+ <div class="memberValue"> |
+ See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">breakpoints</a> |
+ |
+ </div> |
+ </div> |
</div> |
</div> |
- <div class="memberItem"> |
- <template if="{{ isolate.entry != null }}"> |
- <div class="memberName">entry</div> |
- <div class="memberValue"> |
- <function-ref ref="{{ isolate.entry }}"></function-ref> |
+ |
+ <div class="flex-item-fixed-6-12"> |
+ <div class="memberList"> |
+ <div class="memberItem"> |
+ <div class="memberName">new heap</div> |
+ <div class="memberValue"> |
+ {{ isolate.newHeapUsed | formatSize }} |
+ of |
+ {{ isolate.newHeapCapacity | formatSize }} |
+ </div> |
+ </div> |
+ <div class="memberItem"> |
+ <div class="memberName">old heap</div> |
+ <div class="memberValue"> |
+ {{ isolate.oldHeapUsed | formatSize }} |
+ of |
+ {{ isolate.oldHeapCapacity | formatSize }} |
+ </div> |
</div> |
- </template> |
- </div> |
- <div class="memberItem"> |
- <div class="memberName">id</div> |
- <div class="memberValue">{{ isolate.mainPort }}</div> |
- </div> |
- <br> |
- <div class="memberItem"> |
- <div class="memberValue"> |
- See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> |
</div> |
- </div> |
- <div class="memberItem"> |
- <div class="memberValue"> |
- See <a href="{{ isolate.relativeHashLink('profile') }}">cpu profile</a> |
+ <br> |
+ <div class="memberList"> |
+ <div class="memberItem"> |
+ <div class="memberValue"> |
+ See <a href="{{ isolate.relativeHashLink('allocationprofile') }}">allocation profile</a> |
+ </div> |
+ </div> |
+ <div class="memberItem"> |
+ <div class="memberValue"> |
+ See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map</a> |
+ </div> |
+ </div> |
</div> |
</div> |
- <div class="memberItem"> |
- <div class="memberValue"> |
- See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }}">breakpoints</a> |
- </div> |
- </div> |
- </div> |
- </div> |
+ </div> <!-- flex row --> |
+ </div> <!-- content --> |
<hr> |
<div class="content"> |
- <div class="memberList"> |
- <div class="memberItem"> |
- <div class="memberName">new heap</div> |
- <div class="memberValue"> |
- {{ isolate.newHeapUsed | formatSize }} |
- of |
- {{ isolate.newHeapCapacity | formatSize }} |
- </div> |
- </div> |
- <div class="memberItem"> |
- <div class="memberName">old heap</div> |
- <div class="memberValue"> |
- {{ isolate.oldHeapUsed | formatSize }} |
- of |
- {{ isolate.oldHeapCapacity | formatSize }} |
- </div> |
- </div> |
- </div> |
- |
- <br> |
- |
- <div class="memberList"> |
- <div class="memberItem"> |
- <div class="memberValue"> |
- See <a href="{{ isolate.relativeHashLink('allocationprofile') }}">allocation profile</a> |
- </div> |
- </div> |
- <div class="memberItem"> |
- <div class="memberValue"> |
- See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map</a> |
- </div> |
+ libraries ({{ isolate.libraries.length }}) |
+ <curly-block> |
+ <div class="memberList"> |
+ <template repeat="{{ lib in isolate.libraries }}"> |
+ <div class="memberItem"> |
+ <div class="memberName"> |
+ <library-ref ref="{{ lib }}"></library-ref> |
+ </div> |
+ </div> |
+ </template> |
</div> |
- </div> |
+ </curly-block> |
</div> |
<hr> |