diff --git a/app/styles/layout/backlog.scss b/app/styles/layout/backlog.scss index 67015418..324d0eb5 100644 --- a/app/styles/layout/backlog.scss +++ b/app/styles/layout/backlog.scss @@ -8,14 +8,17 @@ @include clearfix; background: $whitish; color: $blackish; - margin-bottom: 2rem; - padding: 1em; + margin-bottom: 1rem; + padding: .5rem; .trans-button { display: inline-block; margin-right: 1rem; - padding: 4px 0; + padding: .3rem 0; &.move-to-current-sprint { display: none; } + span { + vertical-align: middle; + } } } diff --git a/app/styles/modules/backlog/backlog-table.scss b/app/styles/modules/backlog/backlog-table.scss index cee480b7..391a41a7 100644 --- a/app/styles/modules/backlog/backlog-table.scss +++ b/app/styles/modules/backlog/backlog-table.scss @@ -6,7 +6,8 @@ @include table-flex(); @extend %small; border-bottom: 1px solid $gray-light; - padding: 1rem 0 1rem 1rem; + cursor: move; + padding: .5rem 0 .5rem .5rem; text-align: left; width: 100%; } @@ -39,8 +40,11 @@ margin-left: .2rem; } } + .pop-status { + @include popover(200px, '', 65%, '', 0); + } .pop-role { - @include popover(150px, -100px, 110px, '', ''); + @include popover(200px, 0, 65%, '', ''); a { &.active { background: $fresh-taiga; @@ -48,14 +52,11 @@ } } } - .pop-status { - @include popover(150px, '', 30px, 10px, ''); - } .pop-points { @include popover(150px, '', 30px, 10px, ''); } .pop-points-open { - @include popover(200px, -100px, 260px, '', ''); + @include popover(200px, 0, 260px, '', ''); li { display: inline-block; width: 23%; @@ -76,15 +77,7 @@ .backlog-table-title { @extend %medium; @extend %bold; - } - .backlog-table-subtitle { - @extend %small; - @extend %text; - background: $whitish; - border-bottom: 2px solid $grayer; - &:hover { - background: $whitish; - } + border-bottom: 2px solid $gray-light; } .points { cursor: pointer; @@ -118,6 +111,12 @@ input { margin-right: 1rem; vertical-align: middle; + &:checked { + +a { + @include transition (color .2s ease-in); + color: $fresh-taiga; + } + } } span { display: inline-block;