Coverage remained the same at 43.31% when pulling ceaa60e on ZahraTee:event-branch-name-styling into 608818e on gitpoint:master.

Thank you for taking care of this!

I'm not really sure about coloring in red though, as it looks kind of "aggressive" to the eye. Maybe a darker gray on a light gray background for the box would feel more confortable and appear as disabled right away.

Also, what do you think about changing the Monospace font we're using? I think something like Roboto Mono Regular would look crisp rendered a little smaller than the rest of the text and with a bit more left & right padding for the box. 🤔

Coverage remained the same at 43.31% when pulling f18207c on ZahraTee:event-branch-name-styling into 608818e on gitpoint:master.

@machour

I changed it to grey and changed the code font to Inconsolata which is pretty similar to Consolas which is used on GitHub web. Although having just pushed that, I realised that is a fairly significant change in terms of screens throughout the app. 🤔

So, increasing the branch label padding is tricky because you can't control padding or margins of nested elements. I've been trying to get UserListItem to accept Views for the title prop but it's not really working out so far.

@ZahraTee this looks so nice! 🎉 🎉

Had a look at the padding thing, and as you said, it's uncontrollable with styles. But I managed to trick it  -style 😄
This does the trick:

 const Datestamp = styled.Text`
@@ -214,7 +221,8 @@ class Events extends Component {
         ) {
           return (
             <LinkBranchDescription>
-              {userEvent.payload.ref}
+              {' '}{userEvent.payload.ref}{' '}
             </LinkBranchDescription>
           );
         } else if (userEvent.payload.ref_type === 'repository') {
       case 'ReleaseEvent':

resulting in this rendering which looks pretty decent to me, what do you think ?

You will also need to copy the ttf file to android/app/src/main/assets/fonts/ for it to work on Android (tested it for you):

/cc @housseindjirdeh for cosmetic changes approval

@machour Just FYI I did add the android font but it didn't get added to the commit the first time round because of the .gitignore file added in #401 - I just force added this time. Probably worth watching out for.

erm, there might be a logic flaw in #401 as I ran yarn run link and the font weren't copied :/
don't hesitate to open a new issue for this problem!

Coverage remained the same at 43.31% when pulling 4cf9dab on ZahraTee:event-branch-name-styling into 608818e on gitpoint:master.

Coverage remained the same at 43.31% when pulling e15d3f0 on ZahraTee:event-branch-name-styling into 608818e on gitpoint:master.