diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss index 0b384ea3..380ec4ea 100644 --- a/app/styles/layout/us-detail.scss +++ b/app/styles/layout/us-detail.scss @@ -5,10 +5,9 @@ @extend %text; @include transition(all .2s linear); background: $whitish; - display: flex; - justify-content: space-between; margin-bottom: .5rem; padding: 1rem; + position: relative; &.blocked { background: $red; vertical-align: middle; @@ -30,6 +29,11 @@ color: $red-light; } } + .issue-nav { + a { + color: $white; + } + } } input { background: $white; @@ -37,6 +41,7 @@ .us-title-text { display: flex; margin-bottom: 0; + max-width: 94%; } .us-number { @extend %xlarge; @@ -55,15 +60,16 @@ } .block-desc-container { @extend %small; - margin-bottom: 0; + margin: 0 0 1.2rem; } .block-description-title { @extend %bold; color: $white; - margin-right: .5rem; } .block-description { color: $white; + display: inline-block; + margin-right: 5rem; } } } @@ -88,8 +94,9 @@ } .issue-nav { - flex-shrink: 0; - width: 65px; + position: absolute; + right: 1rem; + top: 1rem; a { @extend %xlarge; }