diff --git a/app/styles/components/doomline.scss b/app/styles/components/doomline.scss new file mode 100644 index 00000000..e490f17e --- /dev/null +++ b/app/styles/components/doomline.scss @@ -0,0 +1,13 @@ +.doom-line { + align-items: center; + background: $red-light; + display: flex; + justify-content: center; + margin: .5rem 0; + padding: .25rem 0; + span { + @include font-size(small); + @include font-type(text); + color: $white; + } +} diff --git a/app/styles/modules/backlog/backlog-table.scss b/app/styles/modules/backlog/backlog-table.scss index 124e7969..81288a34 100644 --- a/app/styles/modules/backlog/backlog-table.scss +++ b/app/styles/modules/backlog/backlog-table.scss @@ -243,21 +243,6 @@ } } } - .doom-line { - background: $red; - margin: .2rem 0; - padding: .6rem 0; - position: relative; - width: 100%; - span { - @include font-size(small); - @include font-type(text); - color: $white; - position: absolute; - right: .5rem; - top: -3px; - } - } .us-settings { flex-shrink: 0; margin-left: 2rem; diff --git a/app/styles/modules/backlog/sprints.scss b/app/styles/modules/backlog/sprints.scss index a97beb6c..ae95465b 100644 --- a/app/styles/modules/backlog/sprints.scss +++ b/app/styles/modules/backlog/sprints.scss @@ -88,6 +88,7 @@ margin-top: 5px; } .sprint-summary { + align-items: flex-end; display: flex; justify-content: space-between; } @@ -95,18 +96,12 @@ @include font-size(small); @include font-type(text); color: $gray-light; - flex-flow: 1; + flex: 1; } ul { margin: 0; text-align: right; } - li { - display: inline-block; - &:first-child { - margin-right: 3px; - } - } } .compact-sprint { transform: rotate(0);