From cae8179cb2d976e2a256c9059f6b05b77170e5ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 11 Jun 2014 10:40:05 +0200
Subject: [PATCH] Us-detail layout structure

---
 README.md                                 |  24 +++++++--
 app/fonts/taiga.eot                       | Bin 4184 -> 5432 bytes
 app/fonts/taiga.svg                       |   6 +++
 app/fonts/taiga.ttf                       | Bin 4028 -> 5276 bytes
 app/fonts/taiga.woff                      | Bin 2880 -> 3652 bytes
 app/styles/components/taskboard-task.scss |   1 +
 app/styles/dependencies/typography.scss   |  58 ++++++++++++++--------
 app/styles/layout/base.scss               |   1 +
 app/us-detail.jade                        |  31 ++++++++++++
 9 files changed, 96 insertions(+), 25 deletions(-)
 create mode 100644 app/us-detail.jade

diff --git a/README.md b/README.md
index f03b3420..42b60228 100644
--- a/README.md
+++ b/README.md
@@ -8,12 +8,26 @@ Setup initial environment
 
 Install requirements:
 
+**Ruby / Sass**
+
+You can install Ruby through the apt package manager, rbenv, or rvm.
+Install Sass through your **Terminal or Command Prompt**.
+
 ```bash
-sudo npm install -g gulp
-npm install
-sudo npm install -g bower
-bower install
-gulp
+    gem install sass
+    sass -v // should return Sass 3.3.8 (Maptastic Maple)
+```
+
+> Complete process for all OS at: http://sass-lang.com/install
+
+**Node + Bower + Gulp**
+
+```bash
+    sudo npm install -g gulp
+    npm install
+    sudo npm install -g bower
+    bower install
+    gulp
 ```
 
 And go in your browser to: http://localhost:8080/
diff --git a/app/fonts/taiga.eot b/app/fonts/taiga.eot
index 74a60d0fb00e643b575c3f5669c62dd55835fdf7..775eee9d0b86b82eb569555832ca692bc8e12c4e 100644
GIT binary patch
delta 1723
zcmaJ>U2GIp6#mZKojZ4TX1jmWo!!#4`^Oe(O0&DOyM#h3D8)7ssv=NqfVv_C+of6!
zg(fZ!s39>Cy8cB0A-)($umK`Uq7TOSKw@|!#9HHvzLBUAV+`q<JG+FM5N~GgJ?A^;
zyZ790Cg)cCi<NwJD{#s@$&0S|k?h>bM<&WYtXTleqX61BJ+^TGL*Rh92S9ww(>=K@
z3!`5Hv;)Al^2FHWe(jm>0s0f5WBbOYChK)Dz?5;ZZ~X8JE2^*G1=tm!<<|baW6$Hm
zD+@J0wO8FYnE}uofDPjZ%VR5#t$GMx(*V{^j7?8sAKnLOwLG{oHnI1QzYe|&1m6Ov
zGI?<76<3b^0)*}Y7zF|Hoy#7H@Aj>|16_d}H@^Dv_xo#oQGtUCD5zbaRcZ|HK-7Ms
z?QA^`*H$Z=pBzLP=P-b{!)Ji=wmSy^uYoyMJ6w29-q6`fj`cWPuQ#nRY1QW&CDp!B
zdfXNwh@uV4YQHI)sJ)h89kuPuRINy~ZCULl_I8b2orZdzNBDXEx0cq%FRyTQd#W73
zpaPml04e0L2_u*QO0A~GyC|7iM|QE7a#py|YD%E<KBBgoJe6pq<P*6tH91a7slieu
zmP#~fGOMr@DODwAg=dA(M|HnnAJv6eI#b23FW#0B3hDmES)m!Dh9;T|RfLdX$&qoP
z8H=|YVG0?V_^9aBgx@F{exbclGW^2hDaovli-zBU{Z)#VBthsUT?nC_DS14ik>-EX
zftnEk6@yq#SDQ+8!^UP{c|#Q`O7q4|ot7YKqL6X~NLl$z4`n*7z&%k4)xbSo2ZgOL
zRXDrOIAiQOV{EBi2c-`gnwY)%B4axh_pH#oi`TtU3h(D$uUCv{8owA~oU@QiVNBT=
zbaCzqs>B#w{!s}1P{qwgT<q04<V}T6M|B~pDi<T%-vWU$QgntEkU$UmFoY58#T2Rl
zW$jFtQn0%yn~W)`ByY_IvSzrK68T)QkPom_ARi+$pUvmiQC_oCt%X!FMrJQ%bA^)K
zMGYrcctEJSB$j<Ji%$D=8glOvPv}0Mu8^YWKFZ&0bDwaxeZsw*d--u*=Df_0|BpwX
z>i(b*6!7bd?>Ya|fyIlors^ZN+h5j*G`W)|=gfaSc|h}lf^%3)yXjlFu?B$2Q^|~7
z%;&6BlE=uj!lmLmvh%qZnc;j++Dl9aZl+LYG!TqNtHD732g2Z9L*=ShxDCT_3$L`j
zDqToMqsizVLre>oVW`?x&gb2R;jVCAk?TC?TQ!-fO$VJ;Fn|HNM%T~*P)dHVWQ-h9
z!@blhCs|RWESj6~Z1c=iJ=`_JUE5rI#>J^H<MGUR8cqZE$c96RgXm`k=myfs&P>7X
zr((_un?B;n&Wznpmc~sh+)qWjGn4d@baE1<$O+rFFQv!RnatV9`iN!qt?E-%T|XNN
z1&hH;xkRF4PsecgFxk1GLHlAlojI`lv=y-)wfegIxS{I$sZb#l41SgvO~m8F-NUFo
z)pCcjwa0xAQ?~Z9Z;E2IUwu7Wc3=cM@hnD>mL=EgP@G2E0wChFP3beI(Yk;}n{G7S
O8@s;yM`kST<^KYxN*Wyi

delta 461
zcmYL^KS&#K6vsdBe&-Ql^#TUd!dWsDG!jkdAR$<g*2YN;6xs~IaKt1Ii3v@FbZVDw
zS;8;Sj=|NX(8U&43xeQQow~M@L%^lbp4>&qgD>Cr-thf%vV0x43K2N9`_`IyGfHOr
z8;$bS;2i8B;B0Na%(00D_6H!o^D6ap=U?#~NC9|VZn&-W;r1EGACR{-x83qQ6xdxL
zRI9(MK50My2&xC+<bK87<MZsfj)?O<bYYZ1z5r|WX4#EBcyt7+2&5Zsw?&ChAQ|8I
zz-?4Ux6J{}oPZp(n(dBytY*Mo0`ds>$R<ZOC42prX#;;QPpiKt?EN<g{vizXv8+zT
z7+~pN@<zFIbjH|zhMzuw6No|`6>JVBdBDO%0-cWM1upJAi~eb(w5@V_sN(uiMRi~G
z^iYNMg1PuLZ?1%OVs0d9?L-rj*12d~V)}bD^#a86Fan!d;9(%^-->wz6UM>EkuG<C
K{GGHKx4Z)mvSo_^

diff --git a/app/fonts/taiga.svg b/app/fonts/taiga.svg
index ee2f5202..a48415ed 100644
--- a/app/fonts/taiga.svg
+++ b/app/fonts/taiga.svg
@@ -27,4 +27,10 @@
 <glyph unicode="&#114;" d="M364 364c-17 6-31 20-35 38l-36 0c5-34 28-61 59-71 21-7 36-27 36-50l0-18-226 0 0-88-36 0 0 106c0 23 15 43 36 50 31 10 54 37 59 71l-36 0c-5-18-18-32-35-38-34-12-59-45-59-83l0-246c0-20 16-37 36-37l259 0 0 1c21 0 37 16 37 36l0 246c0 38-25 71-59 83z m-101-133c28 0 51-22 51-50 0-15-6-28-16-37-1-2-2-3-2-5l0-2c0-2-1-4-2-4-9-6-18-9-28-9l-5 0c-10 0-20 3-28 9-1 0-2 2-2 4l0 2c0 2-1 3-2 5-10 9-16 22-16 37 0 28 22 50 50 50z m64-136c-3 0-6 2-8 4l-31-11 25-9c2 3 6 5 9 5 6 0 11-4 11-10 0-3-2-6-4-7 1-2 1-3 1-5 0-6-5-12-11-12-7 0-12 6-12 12 0 0 0 1 0 1l-43 16-45-16c0 0 0-1 0-1 0-6-6-12-12-12-7 0-12 6-12 12 0 2 1 3 1 5-2 1-3 4-3 7 0 6 5 10 10 10 4 0 7-2 9-5l27 9-27 10c-2-2-4-4-7-4-6 0-10 4-10 10 0 4 3 7 6 8 0 0 0 0 0 0 0 5 4 9 8 9 5 0 8-4 9-8l45-16 51 17c0 5 4 8 8 8 5 0 8-4 8-8l0 0c4-2 6-5 6-9 0-5-4-10-9-10z m-154 327l168 0c2 0 4 1 4 4l0 48c0 2-2 4-4 4l-12 0 0 23c0 3-2 6-6 6l-132 0c-4 0-6-3-6-6l0-23-12 0c-2 0-4-2-4-4l0-48c0-3 2-4 4-4z m82-255c0-7-6-13-13-13-8 0-14 6-14 13 0 7 6 13 14 13 7 0 13-6 13-13z m43 0c0-7-6-13-13-13-7 0-13 6-13 13 0 7 6 13 13 13 7 0 13-6 13-13z"/>
 <glyph unicode="&#115;" d="M165 302l0-55c0-8-3-14-8-20-6-5-12-8-20-8l-55 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l55 0c8 0 14-3 20-8 5-5 8-12 8-19z m146 0l0-55c0-8-3-14-8-20-5-5-12-8-20-8l-54 0c-8 0-15 3-20 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 20 8l54 0c8 0 15-3 20-8 5-5 8-12 8-19z m146 0l0-55c0-8-3-14-8-20-5-5-12-8-19-8l-55 0c-8 0-14 3-20 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 6 5 12 8 20 8l55 0c7 0 14-3 19-8 5-5 8-12 8-19z"/>
 <glyph unicode="&#116;" d="M311 155l0-54c0-8-3-15-8-20-5-5-12-8-20-8l-54 0c-8 0-15 3-20 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 20 8l54 0c8 0 15-3 20-8 5-5 8-12 8-20z m0 147l0-55c0-8-3-14-8-20-5-5-12-8-20-8l-54 0c-8 0-15 3-20 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 20 8l54 0c8 0 15-3 20-8 5-5 8-12 8-19z m0 146l0-55c0-7-3-14-8-19-5-6-12-8-20-8l-54 0c-8 0-15 2-20 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 20 8l54 0c8 0 15-2 20-8 5-5 8-11 8-19z"/>
+<glyph unicode="&#117;" d="M146 155l0-54c0-8-2-15-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 19 8l92 0c7 0 14-3 19-8 6-5 8-12 8-20z m0 147l0-55c0-8-2-14-8-20-5-5-12-8-19-8l-92 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l92 0c7 0 14-3 19-8 6-5 8-12 8-19z m366-147l0-54c0-8-3-15-8-20-5-5-12-8-19-8l-275 0c-7 0-14 3-19 8-5 5-8 12-8 20l0 54c0 8 3 15 8 20 5 5 12 8 19 8l275 0c7 0 14-3 19-8 5-5 8-12 8-20z m-366 293l0-55c0-7-2-14-8-19-5-6-12-8-19-8l-92 0c-7 0-14 2-19 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 19 8l92 0c7 0 14-2 19-8 6-5 8-11 8-19z m366-146l0-55c0-8-3-14-8-20-5-5-12-8-19-8l-275 0c-7 0-14 3-19 8-5 6-8 12-8 20l0 55c0 7 3 14 8 19 5 5 12 8 19 8l275 0c7 0 14-3 19-8 5-5 8-12 8-19z m0 146l0-55c0-7-3-14-8-19-5-6-12-8-19-8l-275 0c-7 0-14 2-19 8-5 5-8 12-8 19l0 55c0 8 3 14 8 19 5 6 12 8 19 8l275 0c7 0 14-2 19-8 5-5 8-11 8-19z"/>
+<glyph unicode="&#118;" d="M366 174l0-19c0-2-1-4-3-6-2-2-4-3-6-3l-202 0c-2 0-4 1-6 3-2 2-3 4-3 6l0 19c0 2 1 5 3 6 2 2 4 3 6 3l202 0c2 0 4-1 6-3 2-1 3-4 3-6z m0 73l0-18c0-3-1-5-3-7-2-2-4-3-6-3l-202 0c-2 0-4 1-6 3-2 2-3 4-3 7l0 18c0 3 1 5 3 6 2 2 4 3 6 3l202 0c2 0 4-1 6-3 2-1 3-3 3-6z m-256-174l292 0 0 220-119 0c-7 0-14 2-19 8-5 5-8 11-8 19l0 119-146 0z m183 256l107 0c-2 6-4 10-6 12l-90 89c-2 3-6 5-11 7z m146-9l0-256c0-8-3-14-8-19-5-6-12-8-20-8l-310 0c-8 0-15 2-20 8-5 5-8 11-8 19l0 384c0 8 3 14 8 19 5 6 12 8 20 8l182 0c8 0 16-1 26-5 9-4 16-9 21-14l89-89c6-5 10-13 14-22 4-9 6-17 6-25z"/>
+<glyph unicode="&#119;" d="M413 424l0 0c0 0 0 0 0 0 0 15-12 27-26 27-1 0-1 0-1 0l-74 0 0 18c0 4-4 8-9 8l0 0-94 0 0 0c0 0 0 0 0 0-5 0-8-4-8-8 0 0 0 0 0-1l0-17-76 0c0 0 0 0 0 0-14 0-26-12-26-27 0 0 0 0 0 0l0 0 0-362 0 0c0 0 0 0 0 0 0-15 12-27 26-27 1 0 1 0 2 0l0 0 258 0c1 0 1 0 2 0 14 0 26 12 26 27 0 0 0 0 0 0l1 0 0 362z m-50-338l-214 0 0 314 26 0 0-15c0-1 0-1 0-1 0-5 4-9 9-9 0 0 0 0 0 0l0 0 144 0c5 0 9 4 9 9 0 0 0 0 0 0l0 16 26 0 0-314z m-163 215c0 4-2 7-6 7 0 0 0 0 0-1l0 1-13 0c-3 0-6-3-6-7l0-13c0-3 3-6 6-6l13 0 0 0c0 0 0 0 0 0 4 0 6 3 6 6l0 13 0 0z m137 0c0 4-3 7-6 7 0 0 0 0 0 0l-99 0c-3 0-6-3-6-7l0-13c0-3 3-6 6-6l99 0c3 0 6 3 6 6l0 13 0 0z m-137-51c0 4-2 7-6 7 0 0 0-1 0-1l0 1-13 0c-3 0-6-3-6-7l0-13c0-3 3-6 6-6l13 0 0 0c0 0 0 0 0 0 4 0 6 3 6 6l0 13 0 0z m137 0c0 4-3 7-6 7 0 0 0 0 0 0l-99 0c-3 0-6-3-6-7l0-13c0-3 3-6 6-6l99 0c3 0 6 3 6 6l0 13 0 0z m-137-51c0 4-2 6-6 6 0 0 0 0 0 0l0 0-13 0c-3 0-6-2-6-6l0-13c0-3 3-6 6-6l13 0 0 0c0 0 0 0 0 0 4 0 6 3 6 6l0 13 0 0z m137 0c0 4-3 6-6 6 0 0 0 0 0 0l-99 0c-3 0-6-2-6-6l0-13c0-3 3-6 6-6l99 0c3 0 6 3 6 6l0 13 0 0z"/>
+<glyph unicode="&#120;" d="M295 410c0-23-19-42-42-42-24 0-43 19-43 42 0 23 19 42 43 42 23 0 42-19 42-42z m38-54l0 0-152 0 0 0c-11 0-20-9-20-20l0 0 0-120 0 0c0-4 2-9 6-12 7-7 18-7 25 0 3 3 5 8 5 12l0 0 0 84 0 0c0 3 3 6 6 6 3 0 5-3 5-6l0 0 0-219c0-12 10-21 21-21 12 0 21 9 21 21l0 110 0 0c0 3 3 6 6 6 3 0 6-3 6-6l0 0 0-110c0-12 9-21 21-21 11 0 21 9 21 21l0 219c0 3 2 6 5 6 3 0 6-3 6-6l0-84 0 0c0-4 2-9 5-12 7-7 19-7 26 0 3 3 5 8 5 12l0 0 0 120c0 11-8 19-18 20z"/>
+<glyph unicode="&#121;" d="M432 309l-123 0 0 123c0 5-5 10-10 10l-86 0c-5 0-10-5-10-10l0-123-123 0c-5 0-10-5-10-10l0-86c0-3 1-5 3-7 2-2 4-3 7-3l123 0 0-123c0-3 1-5 3-7 2-2 4-3 7-3l86 0c3 0 5 1 7 3 2 2 3 4 3 7l0 123 123 0c3 0 5 1 7 3 2 2 3 4 3 7l0 86c0 5-5 10-10 10z"/>
+<glyph unicode="&#65;" d="M208 1c-47 0-91 19-124 52-34 33-52 77-52 124 0 47 18 91 52 125l178 174c48 48 132 48 180 0 50-50 50-131 0-181l-160-157c-31-30-81-31-113 1-31 31-31 82 0 113l62 62 46-45-62-62c-4-5-5-9-5-12 0-2 1-7 5-11 8-8 14-8 22 0l160 156c25 25 25 66 0 91-24 24-66 24-90 0l-178-175c-21-21-33-49-33-79 0-30 12-58 33-79 42-42 116-42 158 0l80 80 45-45-80-80c-33-33-77-52-124-52z"/>
 </font></defs></svg>
diff --git a/app/fonts/taiga.ttf b/app/fonts/taiga.ttf
index 0dfcb41e06f91cba6e1b281f51336e77392c4f25..68032f9abee82c63050a97841216127bd1fa4c2c 100644
GIT binary patch
delta 1686
zcmaJ?U2GIp6#mZKojZ4TX1agVo!!#4-5++vrqtb?-8Gc9DN0Ej2{l%v*Z}KVX|P?I
z6hpCziwT;LkZ8L8MFAnc7&J(LK)|0T;{%Byz7S(+;){<wV8j?hT61?7t%+eWbI&>7
zIp59wPG-)0-Ene56$HS<Q80`S4UKKD{Jd!yu#N&~-}cnjA&h_n);<88JD%;y?pU7q
z7NA`Kc9v&Kvs2o0KLGSQK*#o%=4Mw{!2nC<#s29dFF#s+^FF{X11&#IO_pB5N0*lY
z+y+pXnwqSZT#qXZAPYcpYUa?q`xY|*x&UCy^ucoJv11z_0oXi%%`>I>S?tFL06ifO
zR4L6&{`SYg_kh3&fGV>G=MK5D>{lRoAHYOi903<HuXXPAZoUUyfxK>hbM0=!D%b8V
zQlA>dyAZW4^gJ8Hk=jYx{>(7SIEx{4)(H%#KkfA$f!D$6UOQZPQA&kCW9va2SzWDj
z22qmU>JlJpYbmA2Z6k~b+OV!Rrfj43+8ato?JLDn?Qo=RUF}EZ?b;+u8|pb8=I8jI
zT2h<7bb@tzsvN+u0$PF}3FNR1<Cp=8t(L~SD4yygr_f7TJCtv=B#{0WQClsZh&4)b
zv22K%oO(&I!BQobh&5@lD!&#fRwZVK7KP9!be~V3(1lpLQpKmQ+>sdy>b{jlp&1i~
zCYpvSLddk_$h^>ul{<|z1r1GnTrf4^GYW=JXm1q_pYV8!vg(t9;j6<wA4Q6iAoQXx
zgwRgcPMK|06~kChSDQ`ghJ)?E`bGn!{-(HQOV%K2ET5=rP1w0q52ez!|AGFz{{gLo
zLUxEMoZVoYF?NG7w$@)om6C@IO)Or0g|Xd=dr@fS$_-PhHm{hbDaJL8pARz5S<t00
zrfdzkIClk9VvH``7D7K<akFt3dvz63l+fv@E`-X(IQO+cpo|2are(y?gMN%)9Fv$s
z6`+ih>QeGmr;9T2sFH~D){H-6g?cHL%NFuEKTG&?QL=KGT(*yLnv-bFC*o1EdMT65
z7o9F@1ljz<Q<?uK(J8M^Bkny_@wD#s>Ix}}?xozVHupR3wokdqxyg_7GUsJ}{2>v2
zruzaykl&}TykCEH4y>G~O<r=lePxYElN)JrP5n2L`^&p(at;M&v6=SLcW`490E;K$
zDW{Oj+KD)il4XaAg+6j}*(h0|TvqyP+&bJWp>)I_h(rSZfe(ejO+)3XDcpu(xP>Ww
zQ>D-2kw`qU&k*y%Wf)ae8{>S*Z5Zwf=M`y}I3LqwsWu;|fAvEcqU&@W9RMZrjn3D*
z8tSE1xyTbWjzt$1JUcxL9`0J;uAMHv;Np~D@OTzHji7;h<Y*yuf~fk70(1k(csiAL
z2B?s=Lzb6#Je_g|$kw=JhX$zNq*HM($sj9H3cuqx&c)<(GL<?L9t_)d|Hgh*)%7#M
zV4x7V7>jl6>lp1GB_}&F?3_;~QwP?cvcvY1c7Jz2H&k6e8O#R*fiGiXBG%bC+C7Te
z74sftYG1T$piJ#n%N#{(Bi<f;7sjz0FJJ=6+PpWKmb23ZH0PxJ?cnB~@BgaXf9CPE
GyMF^oCKzY{

delta 445
zcmY+9JxE(&6o#L3zcd6jUeRC>LUa&Rh$M6n5naTlQ%FFm3Zi_({0#Y{H$$9^gPUFY
z1=_(ObaWExppaET5FAUPdz>5sE`mhvwTlN1?>iix^S-BZoykK42+~B6NhUW^l|QXp
zu-ic7^V+8*Yxu!#0#oVr_{a3i&K1ZO@FiQ;wdHo|8sq`wYe74;ejf#P0|*pK2l;7d
z^%&F%48)2#z0c3#Ti_qCP%P#SwJ%{QkPt9kEY}->J1Yxv?jDq?Ssfml_yuYQNR)M>
z#vVUF7TrJ<UC#BMsx1g!f>df%r>>$Z2=*+H@yZD-#d?o>_VN>h7Vg}4^4&MJ^4;&U
z@*zwMzgd+{rKy`!Nv+`4@HXO6poH>V1Roi|j}O5G*86=AtN*K*B`a<mD``g5l=*9g
zjHsp=QRC)F&HTPl^8@DFXipNRIW{K=b2jEk*hE8dvmJ`ej3fBK1M~L!e)s12ee8Vq
E6%YnuHUIzs

diff --git a/app/fonts/taiga.woff b/app/fonts/taiga.woff
index 9b870813f2bb634aa3a2067368d1138a5a9cde9c..6def0d55e7c9bcbc76626a0b0ec9bb0f50c70b97 100644
GIT binary patch
delta 3545
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
PsmQWuyZ`{%fb{<WHP(U1

delta 2778
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

diff --git a/app/styles/components/taskboard-task.scss b/app/styles/components/taskboard-task.scss
index c5369db4..74d1edb1 100644
--- a/app/styles/components/taskboard-task.scss
+++ b/app/styles/components/taskboard-task.scss
@@ -45,6 +45,7 @@
         @extend %large;
         bottom: .2rem;
         color: $postit-hover;
+        cursor: move;
         display: none;
         position: absolute;
         &:hover {
diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss
index a3cfa641..71a47cd8 100755
--- a/app/styles/dependencies/typography.scss
+++ b/app/styles/dependencies/typography.scss
@@ -115,62 +115,80 @@ a:visited {
 }
 
 .icon-backlog:before {
-    content: 'a';
+  content: 'a';
 }
 .icon-issues:before {
-    content: 'b';
+  content: 'b';
 }
 .icon-kanban:before {
-    content: 'c';
+  content: 'c';
 }
 .icon-search:before {
-    content: 'd';
+  content: 'd';
 }
 .icon-video:before {
-    content: 'e';
+  content: 'e';
 }
 .icon-wiki:before {
-    content: 'f';
+  content: 'f';
 }
 .icon-settings:before {
-    content: 'g';
+  content: 'g';
 }
 .icon-move:before {
-    content: 'i';
+  content: 'i';
 }
 .icon-filter:before {
-    content: 'j';
+  content: 'j';
 }
 .icon-tag:before {
-    content: 'k';
+  content: 'k';
 }
 .icon-bulk:before {
-    content: 'l';
+  content: 'l';
 }
 .icon-arrow-up:before {
-    content: 'h';
+  content: 'h';
 }
 .icon-arrow-right:before {
-    content: 'm';
+  content: 'm';
 }
 .icon-arrow-left:before {
-    content: 'n';
+  content: 'n';
 }
 .icon-arrow-bottom:before {
-    content: 'o';
+  content: 'o';
 }
 .icon-edit:before {
-    content: 'p';
+  content: 'p';
 }
 .icon-delete:before {
-    content: 'q';
+  content: 'q';
 }
 .icon-iocaine:before {
-    content: 'r';
+  content: 'r';
 }
 .icon-drag-h:before {
-    content: 's';
+  content: 's';
 }
 .icon-drag-v:before {
-    content: 't';
+  content: 't';
+}
+.icon-fontawesome-webfont:before {
+  content: 'u';
+}
+.icon-fontawesome-webfont-1:before {
+  content: 'v';
+}
+.icon-clipboard-notes:before {
+  content: 'w';
+}
+.icon-male:before {
+  content: 'x';
+}
+.icon-plus:before {
+  content: 'y';
+}
+.icon-attachment:before {
+  content: 'A';
 }
diff --git a/app/styles/layout/base.scss b/app/styles/layout/base.scss
index b351bad6..c1470dba 100644
--- a/app/styles/layout/base.scss
+++ b/app/styles/layout/base.scss
@@ -21,6 +21,7 @@ body {
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: flex-start;
+    min-height: 100%;
     padding-left: 90px;
 }
 
diff --git a/app/us-detail.jade b/app/us-detail.jade
new file mode 100644
index 00000000..62b6aaa6
--- /dev/null
+++ b/app/us-detail.jade
@@ -0,0 +1,31 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    div.main.us-detail
+        header
+            h1
+                span ProjectName
+                span.green User Story
+            a.button.button-green(href="", title="Edit") Edit
+        section.us-story-main-data
+            h2.us-title
+                span.us-number 125
+                span-us-name Tagear contenido dentro de las catas privadas
+            div.user-story-tags
+                - for(var y = 0; y < 6; y++)
+                    include views/components/tag
+                input(type="text", placeholder="Add Tag")
+            div.us-description
+                p Hay que cambiar el texto "Hola NombreDelUsuario" por "Nivel de conexion al XX%"
+                p La propuesta que esperábamos de UX debía incluir nombre y nivel de conexión. Esperamos nueva propuesta corregida donde aparezca tanto el nombre como el % de conexión
+                p <strong>Test de aceptación</strong>
+                ul
+                    li Entro en la aplicación
+                    li Compruebo que el indicador crece
+                p <strong>Prototipos</strong><br /><a href="">share.axure.com/lalala</a>
+                p <strong>Prototipos</strong><br /><a href="">share.axure.com/lalala</a>
+        include views/modules/attachments
+    sidebar.menu-secondary.sidebar