Commit 7209c588 authored by jeremiG's avatar jeremiG Committed by yann300

fix(ui): Remove rounded borders on button class

Inconsistent UX can cause problems and unhappy users Ref: #1198
parent b1e8f036
...@@ -60,7 +60,6 @@ function styleGuideDavid () { ...@@ -60,7 +60,6 @@ function styleGuideDavid () {
BORDERS BORDERS
------------------------------------------------------ */ ------------------------------------------------------ */
borders: { borders: {
primary_borderRadius: '3px',
secondary_borderRadius: '5px' secondary_borderRadius: '5px'
} }
} }
...@@ -283,7 +282,6 @@ function styleGuideDavid () { ...@@ -283,7 +282,6 @@ function styleGuideDavid () {
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor};
border : 1px solid ${opts.BorderColor}; border : 1px solid ${opts.BorderColor};
color : ${opts.Color}; color : ${opts.Color};
border-radius : ${cssProperties.borders.primary_borderRadius};
font-size : 12px; font-size : 12px;
padding : 10px 15px; padding : 10px 15px;
line-height : 20px; line-height : 20px;
...@@ -347,12 +345,10 @@ function styleGuideDavid () { ...@@ -347,12 +345,10 @@ function styleGuideDavid () {
button: (opts = {}) => ` button: (opts = {}) => `
margin : 1px; margin : 1px;
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor};
border : .3px solid ${opts.BorderColor};
color : ${opts.Color}; color : ${opts.Color};
display : flex; display : flex;
align-items : center; align-items : center;
justify-content : center; justify-content : center;
border-radius : 3px;
cursor : pointer; cursor : pointer;
min-height : 25px; min-height : 25px;
max-height : 25px; max-height : 25px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment