diff --git a/app/partials/project-colors.jade b/app/partials/project-colors.jade index 011e0df2..fdbcce2c 100644 --- a/app/partials/project-colors.jade +++ b/app/partials/project-colors.jade @@ -15,8 +15,9 @@ block content header include views/components/mainTitle - a.button-green.new-color(href="") - span.text - | + Add new US + div.project-colors-options + a.button.button-green.new-color(href="") + span.text + | + Add new US include views/modules/colors-table diff --git a/app/partials/views/modules/colors-table.jade b/app/partials/views/modules/colors-table.jade index 76c2aa1e..4ced16bf 100644 --- a/app/partials/views/modules/colors-table.jade +++ b/app/partials/views/modules/colors-table.jade @@ -20,6 +20,7 @@ section.colors-table div.width-2.is-closed-column input(type="checkbox") div.width-1.options-column + a.icon.icon-floppy(href="#") - for (var x = 0; x < 50; x++) div.row.table-main @@ -34,7 +35,7 @@ section.colors-table div.width-6 Ready for test div.width-2.is-closed-column - div.icon.icon-plus + div.icon.icon-notification-success div.width-1.options-column a.icon.icon-delete(href="#") a.icon.icon-edit(href="#") diff --git a/app/styles/layout/project-colors.scss b/app/styles/layout/project-colors.scss index a9f38888..6e699bd1 100644 --- a/app/styles/layout/project-colors.scss +++ b/app/styles/layout/project-colors.scss @@ -3,6 +3,9 @@ float: right; } .colors-table { - margin-top: 2rem; + margin-top: 1rem; + } + .project-colors-options { + @include clearfix; } } diff --git a/app/styles/modules/colors-table.scss b/app/styles/modules/colors-table.scss index 0821400a..ce553920 100644 --- a/app/styles/modules/colors-table.scss +++ b/app/styles/modules/colors-table.scss @@ -52,18 +52,26 @@ height: 35px; width: 35px; } + .icon-floppy, .icon-delete, .icon-edit { @extend %large; float: right; margin-right: .5rem; } + .icon-floppy { + margin-right: 1rem; + } .icon-delete { margin-right: 1rem; &:hover { color: $red; } } + .icon-notification-success { + @extend %large; + color: $fresh-taiga; + } .select-color { @include popover(323px, 10px, 70px, '', '', 15px, 13px, -7px); border-radius: 0 10px 10px 0;