Minor cleanup

Author: XanderVertegaal

frontend/src/app/annotate/annotation-parse-results/parse-tree-table/parse-tree-highlight.directive.ts

@@ -74,10 +74,11 @@ export class ParseTreeHighlightDirective implements AfterViewInit, OnDestroy {
     private onCellMouseEnter(hoveredCell: CellPosition): void {
         // Clear previous highlights
         this.clearHighlights();
-    
+
+        // Highlight the hovered cell.
         this.renderer.addClass(hoveredCell.element, 'highlight');
 
-        // Highlight child cells (in rows above) that are contained within the hovered cell's column range
+        // Highlight child cells (in rows above).
         this.cellPositions.forEach(cellPos => {
             if (cellPos.rowIndex >= hoveredCell.rowIndex) {
                 // Cell is on a row below or the same as the hovered cell.

frontend/src/app/annotate/annotation-parse-results/parse-tree-table/parse-tree-table.component.html

@@ -42,8 +42,10 @@ <h3 class="h5 fw-bold">{{ getTreeTypeDisplay(tree().type) }}</h3>
                             }
 
                             @case ('var') {
-                            <div class="leaf-cell">
-                                <strong>{{ cell.content }}</strong>
+                            <div class="d-flex flex-column gap-1">
+                                <strong class="h5 fw-bold mb-0">
+                                    {{ cell.content }}
+                                </strong>
                                 <br />
                                 <span>{{ cell.typeInfo }}</span>
                             </div>

frontend/src/app/annotate/annotation-parse-results/parse-tree-table/parse-tree-table.component.ts

@@ -50,7 +50,8 @@ export class ParseTreeTableComponent implements OnInit {
     public readonly treeTypeDisplay = signal("");
 
     ngOnInit(): void {
-        const rows = this.createTableRows(this.tree().root);
+        const root = this.tree().root;
+        const rows = this.createTableRows(root);
         this.tableRows.push(...rows);
     }
 

frontend/src/app/annotate/annotation-parse-results/types.ts

@@ -42,7 +42,6 @@ export interface UnaryNode {
     rule?: string;
 }
 
-// Binary node
 export interface BinaryNode {
     type: 'binary';
     left: ParseTreeNode;