Moved modules to components for watchers and assigned

app/partials/issues-detail.jade

@@ -11,9 +11,11 @@ block content
                 include views/components/mainTitle
                 a.button.button-green(href="", title="Edit") Edit
             section.us-story-main-data
-                h2.us-title
+                div.us-title
+                    h2
                         span.us-number(tg-bo-html="issue.ref")
                         span.us-name(ng-bind="issue.subject")
+                    input(type="text", placeholder="Set title")
 
                 // div.blocked-warning
                 //     span.icon.icon-warning
@@ -61,17 +63,9 @@ block content
                     span.points 10
                     span.role UX
 
-
+            include views/components/assigned-to
-            // TODO: change clase
+            section.watchers
-            section.us-detail-assigned-to
+                include views/components/watchers
-                div.user-avatar
-                    a.avatar(href="", title="Assigned to")
-                        img(src="http://thecodeplayer.com/u/uifaces/18.jpg", alt="username")
-                div.assigned-to
-                    span.assigned-title Assigned to
-                    span.user-assigned Anler Hernández
-
-            include views/modules/watchers
 
             // NOTE: only for user story?
             // section.us-detail-settings

app/partials/views/components/assigned-to.jade

@@ -0,0 +1,7 @@
+section.us-detail-assigned-to
+    div.user-avatar
+        a.avatar(href="", title="Assigned to")
+            img(src="http://thecodeplayer.com/u/uifaces/18.jpg", alt="username")
+    div.assigned-to
+        span.assigned-title Assigned to
+        span.user-assigned Anler Hernández

app/partials/views/components/watchers.jade

@@ -0,0 +1,13 @@
+//- Father [section.watchers] should be out of the template
+div.watchers-header
+    span.title watchers
+    a.icon.icon-plus(href="", title="Add watcher")
+div.watchers-content
+    - for(var y=0; y<5; y++)
+        div.watcher-single
+            div.watcher-avatar
+                a.avatar(href="", title="Assigned to")
+                    img(src="http://thecodeplayer.com/u/uifaces/32.jpg", alt="username")
+            div.watcher-name
+                a(href="", title="Jesús Espino") Jesús
+                a.icon.icon-delete(href="", title="delete-watcher")

app/partials/views/modules/watchers.jade

@@ -1,13 +0,0 @@
-section.watchers
-    div.watchers-header
-        span.title watchers
-        a.icon.icon-plus(href="", title="Add watcher")
-    div.watchers-content
-        - for(var y=0; y<5; y++)
-            div.watcher-single
-                div.watcher-avatar
-                    a.avatar(href="", title="Assigned to")
-                        img(src="http://thecodeplayer.com/u/uifaces/32.jpg", alt="username")
-                div.watcher-name
-                    a(href="", title="Jesús Espino") Jesús
-                    a.icon.icon-delete(href="", title="delete-watcher")

app/styles/modules/sprints.scss

@@ -53,6 +53,7 @@
         }
         ul {
             float: right;
+            margin: 0;
         }
         li {
             display: inline-block;
@@ -65,7 +66,7 @@
         background: $gray-light;
         border-radius: 2px;
         height: 8px;
-        margin-bottom: 0;
+        margin-bottom: 1rem;
         margin-top: .5rem;
         position: relative;
         width: 100%;