Fix #194 fix slight gap in clone ui

[nathan-cairns]

Related Issue/Keyword:

closes #194 and readdresses #116

Description:

I basically just replaced all the rounded edges with straight edges. This was done to remove the gap on between inputs in the clone UI as described in #194. I also did this to make all our buttons and inputs consistent across the UI related to #116 . i.e. there was a mix of square and rounded inputs so I just unified it to be square. If y'all think it would look nicer rounded I can change everything to be rounded instead.

Let me know :)

Have a good review :):)

Testing:

Steps for manual testing:

1. Go through the UI and ensure all the input type things are square not rounded

Checklist:

• [x] Latest master merged/rebased into your feature branch
• [x] Tests covering all changes
• [x] Meets the projects coding conventions
• [x] No out of scope changes
• [x] @Mentioned any relevant team members
• [x] No failure when running the linter (npm run lint)
• [x] Included a relevant gif (search here for inspiration)

[nathan-cairns]

@joel-clarke Hey dude please review and merge this chur :)

[SamuelZheng11]

The dropdown on branch selection when you have a repo selected is rounded but the branch search box is not, I would recommend sticking to one style for both. Otherwise it looks good :D

[nathan-cairns]

sweet as guys ill make these changes. If yall dont mind im gonna stick with square cause rounded is yuck (imo) :).

[joel-clarke]

Hey @Nathan-Cairns, the "Open Recent" repo section still has rounded edges as well as the commit button, were these meant to be fixed for consistency?

[nathan-cairns]

Yep sorry Im doing that right now in another commit just had to do some other stuff. Should be done in like 10 mins

[nathan-cairns]

Should be good now @joel-clarke

[joel-clarke]

Looking good, much cleaner and consistent now.