fix: misc styling improvements

Author: aarthy-dk

testgen/ui/components/frontend/css/shared.css

@@ -149,6 +149,7 @@ body {
     border: var(--button-stroked-border);
     border-radius: 8px;
     padding: 16px;
+    box-sizing: border-box;
 }
 
 .table-row {

testgen/ui/components/frontend/js/pages/project_dashboard.js

@@ -157,7 +157,7 @@ const TableGroupCard = (/** @type TableGroupSummary */ tableGroup) => {
                     ),
                     span(
                         { class: 'text-caption mt-1 mb-3 tg-overview--subtitle' },
-                        `${tableGroup.latest_profile_table_ct} tables | ${tableGroup.latest_profile_column_ct} columns`,
+                        `${tableGroup.latest_profile_table_ct ?? 0} tables | ${tableGroup.latest_profile_column_ct ?? 0} columns`,
                     ),
                     TableGroupTestSuiteSummary(tableGroup.test_suites),
                 ),

testgen/ui/components/frontend/js/pages/schedule_list.js

@@ -19,7 +19,7 @@
 import van from '../van.min.js';
 import { Button } from '../components/button.js';
 import { Streamlit } from '../streamlit.js';
-import { emitEvent, getValue, resizeFrameHeightToElement } from '../utils.js';
+import { emitEvent, getValue, resizeFrameHeightToElement, resizeFrameHeightOnDOMChange } from '../utils.js';
 import { withTooltip } from '../components/tooltip.js';
 
 
@@ -42,6 +42,7 @@ const ScheduleList = (/** @type Properties */ props) => {
 
     const tableId = 'profiling-schedules-table';
     resizeFrameHeightToElement(tableId);
+    resizeFrameHeightOnDOMChange(tableId);
 
     return div(
         { class: 'table', id: tableId },

testgen/ui/components/frontend/js/pages/table_group_list.js

@@ -222,7 +222,7 @@ const Toolbar = (permissions, connections, selectedConnection) => {
                 })) ?? [],
                 onChange: (value) => emitEvent('ConnectionSelected', { payload: value }),
             })
-            : undefined,
+            : span(''),
         div(
             { class: 'flex-row fx-gap-4' },
             Button({

testgen/ui/views/profiling_results.py

@@ -6,11 +6,11 @@
 import pandas as pd
 import streamlit as st
 
-from testgen.common.models import with_database_session
 import testgen.ui.queries.profiling_queries as profiling_queries
 import testgen.ui.services.database_service as db
 import testgen.ui.services.form_service as fm
 from testgen.common import date_service
+from testgen.common.models import with_database_session
 from testgen.ui.components import widgets as testgen
 from testgen.ui.components.widgets.download_dialog import (
     FILE_DATA_TYPE,