diff --git a/components/01_Atoms/button/_button.scss b/components/01_Atoms/button/_button.scss index a7a3b20..9603939 100644 --- a/components/01_Atoms/button/_button.scss +++ b/components/01_Atoms/button/_button.scss @@ -7,7 +7,17 @@ font-weight: bold; cursor: pointer; white-space: nowrap; + + &--fullWidth { + text-align: center; + } + &.LP-Link { + display: block; + &:hover { + color: $-almost-white + } + } &:active { background-color: $-wine-red; color: $-almost-white; @@ -22,4 +32,4 @@ background-color: $-almost-white; } } -} \ No newline at end of file +} diff --git a/components/02_Molecules/userInfo/userInfo.hbs b/components/02_Molecules/userInfo/userInfo.hbs index 16b1588..62e8dec 100644 --- a/components/02_Molecules/userInfo/userInfo.hbs +++ b/components/02_Molecules/userInfo/userInfo.hbs @@ -40,5 +40,6 @@ + Edit profile \ No newline at end of file diff --git a/public/main.css b/public/main.css index 75eb8b8..fdf2755 100644 --- a/public/main.css +++ b/public/main.css @@ -611,6 +611,12 @@ body { font-weight: bold; cursor: pointer; white-space: nowrap; } + .LP-Button--fullWidth { + text-align: center; } + .LP-Button.LP-Link { + display: block; } + .LP-Button.LP-Link:hover { + color: #f9f9f9; } .LP-Button:active { background-color: #76323F; color: #f9f9f9; }