fix(app): adapt sizing of gene list items in subtitle

hpi-dhc · Dec 29, 2023 · 27fcf87 · 27fcf87
1 parent 115c576
commit 27fcf87
Showing 1 changed file with 21 additions and 19 deletions.
diff --git a/app/lib/report/pages/report.dart b/app/lib/report/pages/report.dart
@@ -79,21 +79,21 @@ class GeneCard extends StatelessWidget {
         final textColor = darkenColor(warningLevel.color, 0.4);
         return warningLevelCount > 0
         ? Row(
-          textDirection: TextDirection.ltr,
-          children: [
-            Icon(
-              warningLevel.icon,
-              size: PharMeTheme.mediumSpace,
-              color: textColor,
-            ),
-            SizedBox(width: PharMeTheme.smallSpace / 2),
-            Text(
-              warningLevelCount.toString(),
-              style: TextStyle(color: textColor),
-            ),
-            SizedBox(width: PharMeTheme.smallSpace),
-          ]
-        )
+            textDirection: TextDirection.ltr,
+            children: [
+              Icon(
+                warningLevel.icon,
+                size: PharMeTheme.mediumSpace,
+                color: textColor,
+              ),
+              SizedBox(width: PharMeTheme.smallSpace * 0.4),
+              Text(
+                warningLevelCount.toString(),
+                style: TextStyle(color: textColor),
+              ),
+              SizedBox(width: PharMeTheme.smallSpace * 0.8),
+            ]
+          )
         : SizedBox.shrink();
       }
     ).toList();
@@ -111,11 +111,13 @@ class GeneCard extends StatelessWidget {
               ),
               SizedBox(height: 8),
               Row(
-                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: [
-                  Text(
-                    phenotypeText,
-                    style: PharMeTheme.textTheme.titleSmall
+                  Expanded(
+                    child: Text(
+                      phenotypeText,
+                      style: PharMeTheme.textTheme.titleSmall,
+                      overflow: TextOverflow.ellipsis,
+                    ),
                   ),
                   Row(children: warningLevelIndicators),
                 ],