fix: text wrapping in narrow flame graphs

Fixes http://github.com/microsoft/vscode/issues/140528

Author: connor4312

packages/vscode-js-profile-flame/src/client/flame-graph.css

@@ -98,6 +98,16 @@
   align-items: flex-start;
 }
 
+@media (max-width: 400px) {
+  .info {
+    flex-direction: column;
+  }
+
+  .info dl {
+    margin-bottom: 1rem;
+  }
+}
+
 .info dl {
   display: grid;
   align-items: flex-start;
@@ -117,6 +127,10 @@
   padding-left: 1em;
 }
 
+.info ol li {
+  word-break: break-all;
+}
+
 .info ol li a {
   padding: 0.1em 0;
   display: inline-block;