some changes to UI

HPatel000 · Jun 6, 2020 · 20a1edf · 20a1edf
1 parent 47358b4
commit 20a1edf
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 34 deletions.
diff --git a/lib/widgets/data_col.dart b/lib/widgets/data_col.dart
@@ -13,8 +13,9 @@ class DataCol extends StatelessWidget {
       children: <Widget>[
         Text(
           title,
+          overflow: TextOverflow.visible,
           style: TextStyle(
-            fontSize: 10.0,
+            fontSize: 9.0,
             color: Colors.white54,
           ),
         ),

diff --git a/lib/widgets/list_tile_data.dart b/lib/widgets/list_tile_data.dart
@@ -33,48 +33,58 @@ class ListTileData extends StatelessWidget {
         child: Row(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: <Widget>[
-            Container(
-              width: 95.0,
-              child: Text(
-                name,
-                overflow: TextOverflow.visible,
-                style: TextStyle(
-                  fontSize: 14.0,
-                  color: Colors.white,
+            Flexible(
+              flex: 2,
+              fit: FlexFit.tight,
+              child: Container(
+                child: Text(
+                  name,
+                  overflow: TextOverflow.visible,
+                  style: TextStyle(
+                    fontSize: 14.0,
+                    color: Colors.white,
+                  ),
                 ),
               ),
             ),
             SizedBox(
               width: 8.0,
             ),
-            DataCol(
-              data: confirmed,
-              title: 'confirmed',
-              colour: Colors.blue,
-            ),
-            SizedBox(
-              width: 5.0,
-            ),
-            DataCol(
-              data: active,
-              title: 'active',
-              colour: Colors.yellow,
-            ),
-            SizedBox(
-              width: 5.0,
+            Flexible(
+              flex: 1,
+              fit: FlexFit.tight,
+              child: DataCol(
+                data: confirmed,
+                title: 'confirmed',
+                colour: Colors.blue,
+              ),
             ),
-            DataCol(
-              data: recovered,
-              title: 'recovered',
-              colour: Colors.green,
+            Flexible(
+              flex: 1,
+              fit: FlexFit.tight,
+              child: DataCol(
+                data: active,
+                title: 'active',
+                colour: Colors.yellow,
+              ),
             ),
-            SizedBox(
-              width: 5.0,
+            Flexible(
+              flex: 1,
+              fit: FlexFit.tight,
+              child: DataCol(
+                data: recovered,
+                title: 'recovered',
+                colour: Colors.green,
+              ),
             ),
-            DataCol(
-              data: deaths,
-              title: 'deaths',
-              colour: Colors.red,
+            Flexible(
+              flex: 1,
+              fit: FlexFit.tight,
+              child: DataCol(
+                data: deaths,
+                title: 'deaths',
+                colour: Colors.red,
+              ),
             ),
           ],
         ),