Align the confusion matrix with the training history chart

Move the confusion matrix title out of its framed box into the same
section heading the training history uses, so both panels in the top
row of the Results page start at the same height.

app.py

@@ -662,8 +662,7 @@ def train_workspace(
         importance = pathway_importance(bundle).head(100)
         architecture_audit = _architecture_audit(bundle)
         confusion_html = ui.blueprint_div(
-            f'<div class="mono" style="margin-bottom:12px">Confusion matrix · validation split</div>'
-            + ui.confusion_matrix_html(result.confusion.tolist(), bundle.label_names)
+            ui.confusion_matrix_html(result.confusion.tolist(), bundle.label_names)
         )
 
         run_meta_update = {
@@ -1385,6 +1384,7 @@ with gr.Blocks(title="BioLM-NET Workbench", fill_width=True) as demo:
                             gr.HTML('<div class="mono sect">Training history</div>')
                             results_loss_plot = gr.Plot(show_label=False)
                         with gr.Column(scale=6, min_width=0):
+                            gr.HTML('<div class="mono sect">Confusion matrix · validation split</div>')
                             results_confusion = gr.HTML("")
                     with gr.Row(elem_classes=["results-grid"], equal_height=False):
                         with gr.Column(scale=6, min_width=0):