Fixing typography styles bug

app/styles/dependencies/typography.scss

@@ -31,10 +31,15 @@ h1, h2, h3, h4, h5, h6 {
 h1 {
     @extend .xxlarge;
     font-family: 'ostrichSans';
-    margin-bottom: 2rem;
+    line-height: 2.7rem;
+    span {
+        @include ellipsis(250px);
+    }
     .green {
         color: $greenTaiga;
-        margin-left: .3rem;
+    }
+    .date {
+        color: $grayLight;
     }
 }
 

app/styles/modules/nav.scss

@@ -4,14 +4,14 @@
     background-attachment: fixed;
     background-position: left bottom;
     flex-wrap: wrap;
-    padding: 2em .3em;
+    padding: 2rem .3rem;
     font-family: 'ostrichSans';
     height: 100%;
     position: fixed;
 }
 
 .logo {
-    margin-bottom: 1em;
+    margin-bottom: 2rem;
     img {
         width: 100%;
     }
@@ -19,12 +19,11 @@
 
 .main-nav {
     text-align: center;
-    margin-bottom: 3em;
     list-style: none;
     padding: 0;
     position: relative;
     li {
-        margin-bottom: 1em;
+        margin-bottom: 1rem;
     }
     a {
         color: $white;
@@ -59,7 +58,7 @@
     width: 80px;
     padding: 0 10px;
     position: absolute;
-    bottom: 1em;
+    bottom: 1rem;
     .popover {
         @include popover(150px, "", 30px, 30px);
         a{
@@ -87,7 +86,7 @@
     .settings {
         text-align: center;
         a {
-            margin-right: .5em;
+            margin-right: .5rem;
             color: $whitish;
             &:hover {
                 @include transition (color .3s linear);

app/taskboard.jade

@@ -0,0 +1,11 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    section.main.usstory
+        h1
+            span ProjectName
+            span.green Sprint Name
+            span.date 02/10/2014-15/10/2014

app/usstory-detail.jade

@@ -0,0 +1,12 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    section.main.usstory
+        include views/components/mainTitle
+
+    sidebar.menu-secondary.sidebar
+
+

app/views/components/mainTitle.jade

@@ -1,2 +1,3 @@
-h1 ProjectName
+h1
+    span ProjectName
     span.green Title