From 5e64e8fe1d75d8a98b1cc2e49a6d483e3f31949f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 2 Jul 2014 13:48:22 +0200
Subject: [PATCH] issues detail navigation

---
 app/partials/issues-detail.jade  |  6 ++++--
 app/styles/layout/us-detail.scss | 21 ++++++++++++++++++++-
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/app/partials/issues-detail.jade b/app/partials/issues-detail.jade
index 83785178..88155452 100644
--- a/app/partials/issues-detail.jade
+++ b/app/partials/issues-detail.jade
@@ -12,10 +12,12 @@ block content
                 a.button.button-green(href="", title="Edit") Edit
             section.us-story-main-data
                 div.us-title
-                    h2
+                    h2.us-title-text
                         span.us-number(tg-bo-html="issue.ref")
                         span.us-name(ng-bind="issue.subject")
-
+                    div.issue-nav
+                        a.icon.icon-arrow-left(href="", title="next issue")
+                        a.icon.icon-arrow-right(href="", title="previous issue")
                 // div.blocked-warning
                 //     span.icon.icon-warning
                 //     p.blocked Blocked!
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index 3cfae2ee..6659a955 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -16,13 +16,23 @@
         background: $whitish;
         margin-bottom: 1rem;
         padding: 2rem 1rem;
-        text-transform: uppercase;
+        position: relative;
+        .us-title-text {
+            margin-bottom: 0;
+        }
         .us-number {
             color: $gray-light;
             margin-right: .5rem;
         }
         .us-name {
             color: $grayer;
+            display: inline-block;
+            line-height: 1.5rem;
+            max-width: 80%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            text-transform: uppercase;
+            white-space: nowrap;
         }
     }
     .blocked-warning {
@@ -56,6 +66,15 @@
     }
 }
 
+.issue-nav {
+    position: absolute;
+    right: 1rem;
+    top: 2rem;
+    a {
+        @extend %xlarge;
+    }
+}
+
 .us-content {
     ul {
         margin-left: 1rem;