fix(ui): Remove rounded borders on button class

Inconsistent UX can cause problems and unhappy users

Ref: #1198

src/app/ui/styles-guide/styleGuideDavid.js

@@ -60,7 +60,6 @@ function styleGuideDavid () {
                                   BORDERS
     ------------------------------------------------------ */
     borders: {
-      primary_borderRadius: '3px',
       secondary_borderRadius: '5px'
     }
   }
@@ -283,7 +282,6 @@ function styleGuideDavid () {
         background-color      : ${opts.BackgroundColor};
         border                : 1px solid ${opts.BorderColor};
         color                 : ${opts.Color};
-        border-radius         : ${cssProperties.borders.primary_borderRadius};
         font-size             : 12px;
         padding               : 10px 15px;
         line-height           : 20px;
@@ -347,12 +345,10 @@ function styleGuideDavid () {
       button: (opts = {}) => `
         margin                  : 1px;
         background-color        : ${opts.BackgroundColor};
-      border                  : .3px solid ${opts.BorderColor};
         color                   : ${opts.Color};
         display                 : flex;
         align-items             : center;
         justify-content         : center;
-      border-radius           : 3px;
         cursor                  : pointer;
         min-height              : 25px;
         max-height              : 25px;