updating spacing in router tab and fixing flex on component tab (#1433)

Author: feeloor

src/frontend/components/component-tree/component-tree.html

@@ -1,10 +1,12 @@
-<main class="flex-grow monospace p1" *ngIf="tree" (keydown)="onKeypress($event)" tabindex="0">
-  <bt-node-item *ngFor="let node of tree.roots; trackBy: trackById"
+<main class="flex-auto flex-grow monospace p1" *ngIf="tree" (keydown)="onKeypress($event)" tabindex="0">
+  <bt-node-item
+    *ngFor="let node of tree.roots; trackBy: trackById"
     [node]="node"
     [level]="0"
     (selectNode)="selectNode.emit($event)"
     (inspectElement)="inspectElement.emit($event)"
     (collapseChildren)="collapseChildren.emit($event)"
-    (expandChildren)="expandChildren.emit($event)">
+    (expandChildren)="expandChildren.emit($event)"
+  >
   </bt-node-item>
 </main>

src/frontend/components/router-info/router-info.html

@@ -1,37 +1,35 @@
 <div class="monospace border" *ngIf="selectedRoute">
   <div class="modal_header border-bottom py3 px4">
-    <div class="logo">
-      <div class="logo_text monospace left-align">
-        {{selectedRoute.name}}
-        </div>
+    <div class="monospace left-align">
+      {{selectedRoute.name}}
     </div>
   </div>
   <div class="modal_content py3 px4">
     <ul class="list-reset m0" *ngIf="selectedRoute">
       <li>
         <span class="info-key">
           path:
-          </span>
+        </span>
         <span class="info-value">
           {{selectedRoute.path}}
-          </span>
+        </span>
       </li>
       <!-- Note: (ericjim) specificity is not a concept in the alpha component router. -->
       <li *ngIf="selectedRoute.specificity">
         <span class="info-key">
           specificity:
-          </span>
+        </span>
         <span class="info-value">
           {{selectedRoute.specificity}}
-          </span>
+        </span>
       </li>
       <li>
         <span class="info-key">
           handler:
-          </span>
+        </span>
         <span class="info-value">
           {{selectedRoute.handler}}
-          </span>
+        </span>
       </li>
       <li *ngIf="hasSelection">
         <span class="info-key">

src/frontend/components/router-tree/router-tree.ts

@@ -75,7 +75,7 @@ export class RouterTree implements OnChanges, AfterViewInit {
     const svgPadding = 20;
 
     // Compute the new tree layout.
-    this.tree.nodeSize([20, 150]);
+    this.tree.nodeSize([45, 200]);
 
     const root: Route = {
       name: 'root',