Add max height to bottom analysis tab

- fixed #analysis panel height issue (have max to be 40% of the window height)
- Adjust the width of the 2 tabs under #analysis panel: only display the detail (right side panel with links) section if it has content, up to 30% width.

PiperOrigin-RevId: 571396804

plugin/trace_viewer/tf_trace_viewer/tf-trace-viewer.html

@@ -51,7 +51,9 @@
   #event-details {
     float: right;
     display: flex;
-    min-width: 30%;
+    /* only display detail panel if content exists, up to 30% width */
+    width: fit-content;
+    max-width: 30%;
     background-color: #ececec;
   }
 
@@ -99,6 +101,8 @@
     flex-flow: row nowrap;
     /* make vertical drag handle and the tabs covering the whole content height */
     height: fit-content;
+    /* won't cover the whole window with super long content */
+    max-height: 40%;
   }
 
   #eventSummaryTable table.tr-ui-b-table {