From 54f35cd370bfddd736a70d098fb43fe942be7cf8 Mon Sep 17 00:00:00 2001
From: Mario Volke <info@mariovolke.com>
Date: Mon, 16 Jun 2014 15:25:52 +0200
Subject: [PATCH] Back arrow icon in subject read view on mobile

---
 src/font/icons.eot        | Bin 3940 -> 4000 bytes
 src/font/icons.svg        |   7 ++++---
 src/font/icons.ttf        | Bin 3784 -> 3844 bytes
 src/font/icons.woff       | Bin 3140 -> 3188 bytes
 src/sass/views/_read.scss |   9 +++++++++
 src/tpl/read.html         |   2 +-
 6 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/font/icons.eot b/src/font/icons.eot
index 5f5325d97f935a9e78260517b3efff20871f5c76..376becc3097b7f42e8b066c1edebea95467d535b 100755
GIT binary patch
delta 323
zcmXwyu}Z@L5QhIt(nyJEz|smD8wa6FhfK{P5|B#iq6N1O8fqY*F+qzI9PBHEtf3V2
z4Z0S|Aa2@MkWwE(5Qpfs>TukB|Nr0JyfQN6kp@UwB-f=4^`0U-&};w`uG6mXgm3NW
zv2v&1PR{}A14`3#oinL5_ykr{PSrgY@^0>inKkTqey@L!;R;Z7=HrW?>ui2)Wy~RS
z&3F1CbPSmj=Iu+zcPEF&J2QW!Y8YJiAhLtPeBncs;tttVjuUE7c|4<ir6T~}sbGpJ
zB;<i2ty9&a6|x|}%wU?ojnY44i6=hK7r9<qv*#0S_XCQwc!cTGaPPmzP1T}OJW!7W
b!Hi$k+FI^mxmQ90c^MbtwpJV)g$DfqpD#)E

delta 250
zcmZ1=|3r>0g`a`p1m8q9GZq8u?5z_W^7-u<7#Q{daYAx#V!?xeiTmX0#nPJQGB7Y!
zFfecnWTYmhFt^*AF);9S09Bb~00lTxSxbTZ13<n?Ms7)k%Q=Q3ApZ%FACQxuoGATE
zB8q{5*96Gd%1x{&V31~*2jnLJ`3iZ7xv6{n<(~ri4M0283-XIg7?^=F416m<@(j!@
zlcO0O7)2+~VRU5_-Ta8rnOm6=C<Daz6L>k|`E9;3aI=6kFq}{N8w;Z+H}IM>icH?Y
V8!(xNPm2R64ALaB*^V!X5db*QIz#{f

diff --git a/src/font/icons.svg b/src/font/icons.svg
index 45e5da7..b17d73e 100755
--- a/src/font/icons.svg
+++ b/src/font/icons.svg
@@ -10,17 +10,18 @@
 <glyph unicode="&#xe000;" d="M512 960c-282.046 0-512-229.954-512-512s229.954-512 512-512c282.046 0 512 229.954 512 512s-229.954 512-512 512zM620.454 448l216.954-216.954-108.454-108.454-216.954 216.954-216.954-216.954-108.454 108.454 216.954 216.954-216.954 216.954 108.454 108.454 216.954-216.954 216.954 216.954 108.454-108.454-216.954-216.954z" />
 <glyph unicode="&#xe001;" d="M923.090 828.37h426.728v-125.254h-426.728zM1076.13 976.802h125.254v-426.728h-125.254zM848.85-39.052c-4.654-32.488 0-32.488-46.406-37.096-27.834-4.654-194.84-4.654-366.452-4.654-194.84 0-398.894 0-412.812 4.654-55.668 13.918-23.18 120.6 51.014 171.614 60.322 37.096 180.922 97.42 213.364 102.028 46.406 9.262 51.014 37.096 0 125.254-9.262 18.572-23.18 78.848-23.18 143.778 0 102.028 18.572 171.614 106.682 208.756 18.572 4.654 37.096 9.262 55.668 9.262 60.322 0 115.944-32.488 139.17-83.502 32.488-64.93 18.572-236.544-18.572-296.866-41.752-69.586-37.096-92.766 9.262-102.028 27.834-9.262 120.6-51.014 208.756-97.42 60.326-32.442 92.768-88.112 83.506-143.78zM1136.454 81.548c0-23.18 0-27.834-32.488-32.488-18.572-4.654-102.028-4.654-208.756-4.654-18.572 41.752-51.014 83.502-102.028 106.682-55.668 32.488-115.944 60.322-167.006 83.502 32.488 13.918 60.322 27.834 74.24 32.488 32.488 9.262 37.096 27.834 0 97.42-9.262 18.572-18.572 64.93-23.18 115.944 0 78.848 18.572 134.516 88.11 162.35 13.918 4.654 27.834 4.654 41.752 4.654 46.406 0 88.11-23.18 106.682-64.93 23.18-51.014 13.918-185.53-13.918-236.544-32.488-55.668-27.834-74.24 9.262-78.848 23.18-4.654 92.766-41.752 162.35-78.848 41.8-23.226 69.588-64.978 64.98-106.728z" horiz-adv-x="1348" />
 <glyph unicode="&#xe002;" d="M0 551.488l458.048 420.416v-213.312c884.736 0 821.952-840.768 821.952-840.768-175.68 583.552-821.952 414.144-821.952 414.144v-213.312l-458.048 432.832z" horiz-adv-x="1280" />
-<glyph unicode="&#xe003;" d="M677.79 796.648c4.876 4.876 39.010 39.010 97.524 58.514 78.020 24.38 160.914 4.876 224.304-58.514 63.39-63.39 87.772-141.41 58.514-224.304-19.504-58.514-53.638-97.524-58.514-102.4l-448.61-448.61c-78.020-78.020-273.066-180.42-453.486 0-180.42 180.42-78.020 375.466 0 448.61l482.742 482.742c19.504 19.504 48.762 19.504 63.39 0 19.504-19.504 19.504-48.762 0-63.39l-482.742-482.742c-9.752-4.876-160.914-160.914 0-321.828 156.038-156.038 307.2-14.628 321.828 0l448.61 453.486c0 0 24.38 24.38 39.010 63.39 14.628 48.762 4.876 87.772-39.010 131.658-87.772 87.772-175.542 14.628-195.048 0l-419.352-419.352c-14.628-14.628-24.38-39.010 0-68.266 24.38-24.38 48.762-14.628 63.39 0l292.572 292.572c19.504 14.628 48.762 14.628 63.39 0 19.504-19.504 19.504-48.762 0-68.266l-292.572-287.696c-39.010-39.010-121.904-68.266-195.048 0-73.142 68.266-39.010 156.038 0 195.048l429.108 419.348z" horiz-adv-x="1072" />
+<glyph unicode="&#xe003;" d="M677.79 796.648c4.876 4.876 39.010 39.010 97.524 58.514 78.020 24.38 160.914 4.876 224.304-58.514s87.772-141.41 58.514-224.304c-19.504-58.514-53.638-97.524-58.514-102.4l-448.61-448.61c-78.020-78.020-273.066-180.42-453.486 0s-78.020 375.466 0 448.61l482.742 482.742c19.504 19.504 48.762 19.504 63.39 0 19.504-19.504 19.504-48.762 0-63.39l-482.742-482.742c-9.752-4.876-160.914-160.914 0-321.828 156.038-156.038 307.2-14.628 321.828 0l448.61 453.486c0 0 24.38 24.38 39.010 63.39 14.628 48.762 4.876 87.772-39.010 131.658-87.772 87.772-175.542 14.628-195.048 0l-419.352-419.352c-14.628-14.628-24.38-39.010 0-68.266 24.38-24.38 48.762-14.628 63.39 0l292.572 292.572c19.504 14.628 48.762 14.628 63.39 0 19.504-19.504 19.504-48.762 0-68.266l-292.572-287.696c-39.010-39.010-121.904-68.266-195.048 0-73.142 68.266-39.010 156.038 0 195.048l429.108 419.348z" horiz-adv-x="1072" />
 <glyph unicode="&#xe004;" d="M0 951.326h1445.648v-193.114h-1445.648zM0 137.788h1445.648v-193.174h-1445.648zM0 547.508h1445.648v-193.174h-1445.648z" horiz-adv-x="1444" />
 <glyph unicode="&#xe005;" d="M764.712 818.958c26.138 0 46.996-20.912 46.996-46.996v-31.366c0-20.912-15.684-41.822-36.594-46.996v-679.182c0-41.822-36.594-78.362-83.59-78.362l-574.626-0.056c-46.996 0-83.59 36.594-83.59 78.362v679.182c-20.912 5.228-36.596 26.14-36.596 47.050v31.314c0 26.138 20.912 46.996 46.996 46.996h141.042l0.056 57.506c0 46.996 36.54 83.59 78.362 83.59h276.912c46.996 0 83.59-36.594 83.59-83.59v-57.452h141.042zM670.666 30.046c5.228 0 10.456 5.228 10.456 10.456v653.042h-553.822v-653.042c0-5.228 5.228-10.456 10.456-10.456h532.91zM237.030 82.27c-26.138 0-46.996 20.912-46.996 46.996l-0.002 465.004c0 26.138 20.912 41.822 46.996 41.822h10.456c26.138 0 46.996-20.912 46.996-41.822v-465.004c0-26.138-20.912-46.996-46.996-46.996h-10.454zM263.168 886.864c-5.228 0-10.456 0-10.456-10.454v-57.452h302.996v57.452c0 5.228-5.228 10.456-10.456 10.456l-282.084-0.002zM398.982 82.27c-26.138 0-46.996 20.912-46.996 46.996v465.004c0 26.138 20.912 41.822 46.996 41.822h5.228c26.138 0 46.996-20.912 46.996-41.822v-465.004c0-26.138-20.912-46.996-46.996-46.996h-5.228zM560.936 82.27c-26.138 0-46.996 20.912-46.996 46.996v465.004c0 26.138 20.912 41.822 46.996 41.822h10.456c26.138 0 46.996-20.912 46.996-41.822v-465.004c0-26.138-20.912-46.996-46.996-46.996h-10.456z" horiz-adv-x="808" />
 <glyph unicode="&#xe006;" d="M876.828 327.396l126.066 126.066v-372.622c0-76.744-60.302-136.988-131.528-136.988l-739.838-0.058c-76.744 0-131.528 60.302-131.528 136.988v734.378c0 76.688 60.302 136.99 131.528 136.99h750.762l-126.066-126.066h-580.836c-27.42 0-49.322-21.902-49.322-49.322v-652.118c0-27.42 21.902-49.322 49.322-49.322h652.118c27.42 0 49.322 21.902 49.322 49.322v202.752zM613.774 239.73l-131.528 131.528-49.322-180.85 180.85 49.322zM657.636 283.592l427.464 427.464-131.586 131.468-427.406-421.944 131.528-136.988zM1134.364 754.858l60.302 60.302-136.988 136.99-60.302-60.302 136.988-136.99z" horiz-adv-x="1194" />
 <glyph unicode="&#xe007;" d="M117.76 954.88l906.176-906.112-121.408-121.408-906.176 906.112zM-3.648 57.536l906.112 906.112 121.408-121.344-906.112-906.176z" />
 <glyph unicode="&#xe008;" d="M0 960l1024-1024h-1024z" />
-<glyph unicode="&#xe009;" d="M681.984 655.104v-119.744h-153.6v119.744c0 81.472-64.768 147.712-144.384 147.712s-144.384-66.24-144.384-147.712v-119.744h-153.6v119.744c-0.064 168.064 133.696 304.896 297.984 304.896 164.352 0 297.984-136.832 297.984-304.896zM0 476.096v-540.096h768v540.096h-768zM308.224-0.896l24.192 195.968 5.12 41.792c-21.632 15.232-35.712 40.64-35.712 69.44 0 11.136 2.112 21.696 5.888 31.296 12.096 30.848 41.664 52.736 76.288 52.736 34.624 0 64.192-21.888 76.288-52.736 3.776-9.664 5.888-20.224 5.888-31.296 0-28.8-14.208-54.272-35.84-69.312l5.184-41.856 24.064-195.968h-151.36z" horiz-adv-x="768" />
+<glyph unicode="&#xe009;" d="M681.984 655.104v-119.744h-153.6v119.744c0 81.472-64.768 147.712-144.384 147.712s-144.384-66.24-144.384-147.712v-119.744h-153.6v119.744c-0.064 168.064 133.696 304.896 297.984 304.896 164.352 0 297.984-136.832 297.984-304.896zM0 476.096v-540.096h768v540.096h-768zM308.224-0.896l24.192 195.968 5.12 41.792c-21.632 15.232-35.712 40.64-35.712 69.44 0 11.136 2.112 21.696 5.888 31.296 12.096 30.848 41.664 52.736 76.288 52.736s64.192-21.888 76.288-52.736c3.776-9.664 5.888-20.224 5.888-31.296 0-28.8-14.208-54.272-35.84-69.312l5.184-41.856 24.064-195.968h-151.36z" horiz-adv-x="768" />
 <glyph unicode="&#xe010;" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 32c-229.75 0-416 186.25-416 416s186.25 416 416 416 416-186.25 416-416-186.25-416-416-416zM448 704h128v-128h-128zM640 192h-256v64h64v192h-64v64h192v-256h64z" />
 <glyph unicode="&#xe011;" d="M768 320.032l-182.82 182.822 438.82 329.15-128.010 127.996-548.52-219.442-172.7 172.706c-49.78 49.778-119.302 61.706-154.502 26.508-35.198-35.198-23.268-104.726 26.51-154.5l172.686-172.684-219.464-548.582 127.99-128.006 329.19 438.868 182.826-182.828v-255.98h127.994l63.992 191.988 191.988 63.996v127.992l-255.98-0.004z" />
-<glyph unicode="&#xe012;" d="M1120.549 655.726v-119.954h-155.063v119.954c0 81.92-64.366 146.286-143.36 146.286s-143.36-67.291-143.36-146.286v-119.954h-155.063v119.954c0 166.766 134.583 304.274 298.423 304.274s298.423-137.509 298.423-304.274zM0 477.257v-541.257h766.537v541.257h-766.537zM307.2 0.366l23.406 196.023 5.851 40.96c-20.48 14.629-35.109 40.96-35.109 70.217 0 11.703 2.926 20.48 5.851 32.183 11.703 32.183 40.96 52.663 76.069 52.663 35.109 0 64.366-20.48 76.069-52.663 2.926-8.777 5.851-20.48 5.851-32.183 0-29.257-14.629-55.589-35.109-70.217l5.851-40.96 23.406-196.023h-152.137z" horiz-adv-x="1121" />
+<glyph unicode="&#xe012;" d="M1120.549 655.726v-119.954h-155.063v119.954c0 81.92-64.366 146.286-143.36 146.286s-143.36-67.291-143.36-146.286v-119.954h-155.063v119.954c0 166.766 134.583 304.274 298.423 304.274s298.423-137.509 298.423-304.274zM0 477.257v-541.257h766.537v541.257h-766.537zM307.2 0.366l23.406 196.023 5.851 40.96c-20.48 14.629-35.109 40.96-35.109 70.217 0 11.703 2.926 20.48 5.851 32.183 11.703 32.183 40.96 52.663 76.069 52.663s64.366-20.48 76.069-52.663c2.926-8.777 5.851-20.48 5.851-32.183 0-29.257-14.629-55.589-35.109-70.217l5.851-40.96 23.406-196.023h-152.137z" horiz-adv-x="1121" />
 <glyph unicode="&#xe013;" d="M1352.048-64l-49.054 141.030c-91.976 257.533-300.455 309.653-459.88 309.653-76.647 0-144.096-12.263-174.754-21.461l9.198-214.611-459.88 389.365 423.090 420.024 9.198-202.347c85.844 3.066 162.491-6.132 233.006-24.527h6.132l3.066-3.066c469.078-122.635 459.88-640.766 459.88-643.832v-150.228zM843.114 441.868c144.096 0 324.982-39.856 441.485-208.479-30.659 150.228-125.701 374.036-407.76 444.551l-6.132 3.066c-70.515 18.395-153.293 24.527-245.269 21.461h-27.593l-6.132 134.898-291.257-288.192 318.85-269.796-6.132 128.766 21.461 6.132c0 0 91.976 27.593 208.479 27.593zM462.946 153.677l-462.946 389.365 423.090 416.958 12.263-171.689-55.186-6.132-6.132 52.12-291.257-288.192 315.784-266.731-3.066 49.054 55.186 6.132z" horiz-adv-x="1355" />
 <glyph unicode="&#xe014;" d="M1073.595-64l-40.843 134.199c-81.687 268.399-297.573 323.829-466.781 323.829-61.265 0-110.86-8.752-137.117-11.67v-207.134l-428.855 399.681 428.855 385.094v-198.382c212.969-5.835 376.342-70.017 490.12-192.547 186.712-201.299 166.291-481.368 166.291-493.037l-11.67-140.034zM568.889 449.459c125.447 0 335.499-32.091 455.111-224.638-14.587 93.356-52.513 212.969-142.952 312.16-107.943 116.695-268.399 175.043-475.533 175.043h-26.256v131.282l-300.49-268.399 300.49-277.151v128.365l20.422 5.835c0 0 70.017 17.504 169.208 17.504z" horiz-adv-x="1085" />
 <glyph unicode="&#xe015;" d="M458.105-64v272.842h-458.105v495.158l458.105 3.368v252.632l461.474-424.421 101.053-97.684-562.526-501.895zM60.632 269.474h458.105v-198.737l410.947 367.158-53.895 53.895-357.053 330.105v-175.158l-458.105-3.368v-373.895z" horiz-adv-x="1017" />
+<glyph unicode="&#xe016;" d="M-0.001 447.998l511.995 511.995 47.513-47.513-511.995-511.995-47.513 47.513zM47.517 495.519l511.995-511.995-47.513-47.513-511.995 511.995 47.513 47.513z" horiz-adv-x="560" />
 </font></defs></svg>
\ No newline at end of file
diff --git a/src/font/icons.ttf b/src/font/icons.ttf
index c33f9d4fb208ad20f2a02177a21936f6c0c782bb..98d06fe18a36bc02180d933c47650545bb53bf4e 100755
GIT binary patch
delta 342
zcmX>h+ag!bz{tSBz|GLWz|3IaAFOZ0H}S6nP-G7fCnV=47CZ=iFol7EQ3l8lNlz>;
z0MY_LK8WT>&#6q4sXm_#<W~R<@yJL`OkweA_`$%ya{wrBmH`ytOl2(t@_}LuDjB&Y
z6>k3+iWnGp!RF=UCtD^;|C0R&6aX2hlbcvkz#zjg56GVb<SXPQ=BDoPmwyW610BSu
zUXWj00(2-4@I9Hh!<|uV5~C}l*k(6IXYObw28RC!m<*T?Ft9LiGB5};iZiO4GqN+9
zGcYk2{9`aMfKZGFpj@C3kOedqXc`co^?GzHp5Nvx12+rEe1`K!=GnpM$!mDb8AT^Q
k;R#@3GMH?{t0Tm^1guY#VGaWuSUJ<=jeNqJn|WOs0Ze;M>Hq)$

delta 283
zcmZpXJ0V-oz{tSBz|GLWz|3IaAFOZ0H}S7MP-G7fCnV=47CZ=eFol7EQ3l8lNlz>;
z0MY_LK8WT>&#6okOKX}7<W~R<5y(hQOkr-fH)CMn=>W=`WdH>@Q&~%a`~yI~N=9x;
zh08gHA|U?>kROnfpKO^Z{YxT>fq~ZqD4>;_SW&<r%`gwhPXO{2@)C1X_xQ^{1@aq!
zmZ%rx7ncAX3Iu#BChl-&6rIHA$|$<ojnSD~8RQQjzMsI$5zlY)m4TZDq>kZy(%)DZ
rJ^2ZbIitvA8Qy@&1-x29Kw*$35r#PoY#=2JOp`zI32)xd>&gfKIRifC

diff --git a/src/font/icons.woff b/src/font/icons.woff
index eb90726cf7b87773777ff3cfe1b9772c6642385b..2b94712dc7ec00fec6e4ad518e0bdc179d353a30 100755
GIT binary patch
delta 399
zcmX>i@kK(c+~3X3KP1GTfq|!lfr|kMcyt&TCmZqzPt@eAKf=Jkab({o-8ufj`bG>4
zoI8N>2_Vcj@vlR2Zejrg1D6Dl9|FP;0v}9CPb>zB<pB8{P%My<nwSC<D*^J&K$yj=
z;YS8g5Gb|=$X5Yj&Q#X2jNFn6px6Z<A8el6KO=^s+{6l?f!rWPY+x)Jz>t@in+g=u
zVPIfX2jM;b@=pu$i-8vKgiL(lp?i^E7O3=^Ac*7y5*)jQ7{nME*|>T6g~VkP)wB&v
zt?XSq{emN6lhP;0FedVqx*8Y)-NwY&$so)iI{6r*HWT~y%^w*ju`B&a>HZNS`eVwE
zDZ8WpO!+e<dN=Ft-9SE&1>^%ocTaBQ^kWp8e1X#yNQ!Y;$uKVFm5S%L`O3h}0(1cb
k!}%lg>|pfd94>Q4(aB4=0=SqAK!O1b45FKVad|NU02)taEC2ui

delta 351
zcmew&aYRC_+~3X3KP1GTfq}<`fr|kMxc@LPPEO<zo~X%JKZAjRV@3vZq@{nbz7Ych
zXAe+50fhM`{<TleO)LP4y#ew=K=?txgDL5W#XvDG2OysViUl%K6H|a<9zebs2s5|a
zn`Hn6fnp6nz6uC)rm~i1<d#$b#g+j10U+#h&WNEXH?aa_;1{3(8yJfOFytlXrUJ$O
zFfcHxgYX`I`KJZ>#U(&Ls7!p}p>vvF7O3=sAc*7y5*+<P45EyTY}~y3LgF%tYT5>-
zR`xEQe!&s3Nt0t46FC_em>4@5gcw97pJCMA{F8AK`{ebUK8&K1|8TkjNhdBVnXTE@
s2J!qhUm3VrfTl7qoKN~23!^8`;4)_vnS6mO0O&-Z(?vFGaeFZW06djU;s5{u

diff --git a/src/sass/views/_read.scss b/src/sass/views/_read.scss
index d9694c5..cdcec4d 100644
--- a/src/sass/views/_read.scss
+++ b/src/sass/views/_read.scss
@@ -14,6 +14,15 @@
         .subject {
             font-size: $font-size-bigger;
             margin: 0;
+            &:before {
+                color: $color-blue;
+                font-size: $font-size-smaller;
+                margin-right: 0.5em;
+
+                @include respond-to(desktop) {
+                    display: none;
+                }
+            }
         }
 
         .date {
diff --git a/src/tpl/read.html b/src/tpl/read.html
index 0a41050..dfe16df 100644
--- a/src/tpl/read.html
+++ b/src/tpl/read.html
@@ -7,7 +7,7 @@
       <button ng-click="state.writer.write()" class="btn-icon" title="New mail">&#xe006;</button>
     </div><!--/.controls-->
 
-    <p class="subject" ng-click="state.read.toggle(false)">{{(state.mailList.selected.subject) ? state.mailList.selected.subject : 'No subject'}}</p>
+    <p class="subject" ng-click="state.read.toggle(false)" data-icon="&#xe016;">{{(state.mailList.selected.subject) ? state.mailList.selected.subject : 'No subject'}}</p>
     <p class="date">{{state.mailList.selected.sentDate | date:'EEEE, MMM d, yyyy h:mm a'}}</p>
     <div class="mail-addresses">
       <p>