From 7056d512374c863a9e40afcc4aea2ea6d889ebfb Mon Sep 17 00:00:00 2001
From: Rongjian Zhang <pd4d10@gmail.com>
Date: Sun, 15 Sep 2019 00:34:10 +0800
Subject: [PATCH] fix: add gaps between languages

---
 lib/screens/repo.dart | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/lib/screens/repo.dart b/lib/screens/repo.dart
index 76ab359..9b5e2d9 100644
--- a/lib/screens/repo.dart
+++ b/lib/screens/repo.dart
@@ -167,8 +167,10 @@ class RepoScreen extends StatelessWidget {
       },
       onRefresh: () => queryRepo(context),
       bodyBuilder: (payload) {
-        final langWidth =
-            MediaQuery.of(context).size.width - _languageBarPadding * 2;
+        final langWidth = MediaQuery.of(context).size.width -
+            _languageBarPadding * 2 -
+            (payload['languages']['edges'] as List).length +
+            1;
 
         return Column(
           crossAxisAlignment: CrossAxisAlignment.stretch,
@@ -206,17 +208,19 @@ class RepoScreen extends StatelessWidget {
             Padding(
               padding: const EdgeInsets.all(_languageBarPadding),
               child: ClipRRect(
-                borderRadius: BorderRadius.circular(4),
+                borderRadius: BorderRadius.circular(2),
                 child: Container(
                   height: 10,
                   child: Row(
-                      children: (payload['languages']['edges'] as List)
-                          .map((lang) => Container(
-                              color: convertColor(lang['node']['color']),
-                              width: langWidth *
-                                  lang['size'] /
-                                  payload['languages']['totalSize']))
-                          .toList()),
+                      children: join(
+                          SizedBox(width: 1),
+                          (payload['languages']['edges'] as List)
+                              .map((lang) => Container(
+                                  color: convertColor(lang['node']['color']),
+                                  width: langWidth *
+                                      lang['size'] /
+                                      payload['languages']['totalSize']))
+                              .toList())),
                 ),
               ),
             ),