diff --git a/styles/container-settings.less b/styles/container-settings.less index 190e6799ea..d37ade6650 100644 --- a/styles/container-settings.less +++ b/styles/container-settings.less @@ -24,7 +24,7 @@ &.active { li { font-weight: 500; - border-bottom: 2px solid @brand-primary; + border-bottom: 3px solid @brand-primary; color: @gray-darkest; } } diff --git a/styles/right-panel.less b/styles/right-panel.less index 4db5bbc702..c76230d25c 100644 --- a/styles/right-panel.less +++ b/styles/right-panel.less @@ -116,7 +116,7 @@ &.active { background-color: @color-background; border-bottom: 1px solid @color-background; - border-top: 2px solid @brand-primary; + border-top: 3px solid @brand-primary; color: @gray-darker; } &:active { @@ -151,8 +151,9 @@ border-bottom: 3px solid transparent; text-align: center; min-width: 20px; - padding-bottom: 0.2rem; + padding-bottom: 1rem; &.active { + font-weight: 500; color: @gray-darkest; border-bottom: 3px solid @brand-primary; } diff --git a/styles/setup.less b/styles/setup.less index f6f1e44b3f..8b8fa30c25 100644 --- a/styles/setup.less +++ b/styles/setup.less @@ -10,13 +10,15 @@ flex-direction: row; flex: 1 auto; - + + padding: 2rem; + .image { display: flex; flex: 1 auto; align-items: center; justify-content: flex-end; - padding-right: 40px; + padding-right: 10rem; img { width: 399px; @@ -38,8 +40,8 @@ flex: 1 auto; align-items: flex-end; justify-content: center; - padding-right: 60px; - padding-left: 80px; + padding-right: 5rem; + padding-left: 15rem; flex-direction: column; img { @@ -96,14 +98,10 @@ button[type="submit"] { flex: 0 auto; display: block; + .btn-filled-styles(@brand-action); font-size: 18px; padding: 10px 20px; - color: white; - background-color: @brand-action; border: 0; - &:hover { - background-color: darken(@brand-action, 5%); - } } }