Blocked warning layout. Fixes 787

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;
     }