feat(app): only render table rows for better alignment

hpi-dhc · Sep 20, 2024 · 46a39f2 · 46a39f2
1 parent 9666d3f
commit 46a39f2
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 13 deletions.
diff --git a/app/lib/common/models/drug/drug_inhibitors.dart b/app/lib/common/models/drug/drug_inhibitors.dart
@@ -161,7 +161,7 @@ String _inhibitionTooltipText(
   }${displayConfig.partSeparator}$inhibitorsString';
 }
 
-Table _drugInteractionTemplate(
+Widget _drugInteractionTemplate(
   BuildContext context,
   String tooltipText,
   _DisplayConfig displayConfig,
@@ -291,7 +291,7 @@ String inhibitionTooltipText(
   return tooltipText;
 }
 
-Table buildDrugInteractionInfo(
+Widget buildDrugInteractionInfo(
   BuildContext context,
   List<GenotypeResult> genotypeResults,
   { required String? drug }

diff --git a/app/lib/common/widgets/annotation_table.dart b/app/lib/common/widgets/annotation_table.dart
@@ -8,23 +8,30 @@ class TableRowDefinition {
   final String? tooltip;
 }
 
-Table buildTable(
+Widget buildTable(
   List<TableRowDefinition> rowDefinitions,
   {
     TextStyle? style,
     bool boldHeader = true,
   }
 ) {
-  return Table(
-    defaultColumnWidth: IntrinsicColumnWidth(),
-    children: rowDefinitions.mapIndexed((index, rowDefinition) => _buildRow(
-      rowDefinition.key,
-      rowDefinition.value,
-      style ?? PharMeTheme.textTheme.bodyMedium!,
-      boldHeader: boldHeader,
-      isLast: index == rowDefinitions.length - 1,
-      tooltip: rowDefinition.tooltip,
-    )).toList(),
+  return Column(
+    crossAxisAlignment: CrossAxisAlignment.start,
+    children: rowDefinitions.mapIndexed(
+      (index, rowDefinition) => Table(
+        defaultColumnWidth: IntrinsicColumnWidth(),
+        children: [
+          _buildRow(
+            rowDefinition.key,
+            rowDefinition.value,
+            style ?? PharMeTheme.textTheme.bodyMedium!,
+            boldHeader: boldHeader,
+            isLast: index == rowDefinitions.length - 1,
+            tooltip: rowDefinition.tooltip,
+          ),
+        ],
+      ),
+    ).toList(),
   );
 }