From d1ff3f8624bd5d5b10900eb6b202248fed76d78d Mon Sep 17 00:00:00 2001
From: Mario Volke <info@mariovolke.com>
Date: Tue, 17 Jun 2014 15:50:16 +0200
Subject: [PATCH] changed input type=search to input type=text with new styling

---
 src/font/icons.eot              | Bin 4000 -> 4200 bytes
 src/font/icons.svg              |   1 +
 src/font/icons.ttf              | Bin 3844 -> 4044 bytes
 src/font/icons.woff             | Bin 3188 -> 3312 bytes
 src/sass/components/_input.scss |   9 ---------
 src/sass/views/_mail-list.scss  |  12 ++++++++++++
 src/tpl/mail-list.html          |   4 ++--
 7 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/font/icons.eot b/src/font/icons.eot
index 376becc3097b7f42e8b066c1edebea95467d535b..59c36077949a61fce2819c9c7b8d83870971b891 100755
GIT binary patch
delta 449
zcmXw!L2DCX5Qb;w`?je`vuSISJ!O-EX18exWV6{^WZf9j(t-*_HU$rM+XQlGnm|$v
z6>JXv0OMXodbRY{OTpsJo8TYtAcEkjheACDCx`<t!!z$Y40D?KomJZN0AI&SMZRvm
zT^oDdL=^z8SiAe3p!Z{Y{8>NQj@(=W;1FPLw%rPv@^SGLAU@)h)8@gQmhzJMlKEb{
zGZ=17;D-4-^UgtcKUkimCjhF=T<8SD9;D#|bCWrH7<5`!Pcy%m-|!8i*X<8Lumg$n
zsSiSi&(T9Ie2;b1E`H*x*a^W1JaH^MSOpK@zTt|pT_8gh$t9gCDVHjmPL}3aE<QvT
z?VN#*PRS*eA_b1Rq>1CRSR$rae*aN*;9HhIs3!BKvG|dMltfYrYzVGN&D^jv8GFMt
z*UP$IUN=9THx~?J<!-ItC?Xac{hD{=mk=Y-#poFkArcB-QKB;nMJQX^%;oD&nkenm
z^SRAZmiR6Frzgv$trv+0w-A#&0QmOh&%6IU9K|b`3NPc&B%7mfPF;)6Ok>mC)P<|=
F;a|gPTrdCt

delta 261
zcmaE%ut1)50Y3u+%S2Xl7AfAvj1wL5`5hP-81?{hLUL|m!Gpkw`{e3ns?TRLFfdjy
zFmQWhq$Z}Ycs2ZBVBk3bRArU{6yQu{Ed%m_Vhk!7xg`~D{}_rG7<grX{E(dd<V5LT
zvj2em0w7-}H?g9CL55)-kUs~=SIA4uP2J-!{}jjv+RCV2kY8NFzzmdO;Clj+XJBTT
z9L?y!C^mTxqbsA>=0}Xx+{%nV86ZCE_2^hUzs*+$ZWfRRhVw_}*}>?^4t(Z}qLVB5
gLMC6}(-8nEXAotW!@veoz`!&)P(XOIGQTS$0O#*M-2eap

diff --git a/src/font/icons.svg b/src/font/icons.svg
index b17d73e..f94349c 100755
--- a/src/font/icons.svg
+++ b/src/font/icons.svg
@@ -24,4 +24,5 @@
 <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" />
+<glyph unicode="&#xe017;" d="M890 186.6l-169.6 171.8c27.6 48.2 42 101.8 42 155.8 0 175.2-142.4 317.8-317.2 317.8s-317.2-142.6-317.2-317.8c0-175.2 142.4-317.8 317.2-317.8 55.8 0 111 15.4 160.2 44.8l168.8-171.2c3.8-3.8 9.2-6.2 14.6-6.2s10.8 2.2 14.6 6.2l86.6 87.6c8 8.2 8 21 0 29zM445.2 708.2c106.8 0 193.6-87 193.6-194s-86.8-194-193.6-194c-106.8 0-193.6 87-193.6 194s86.8 194 193.6 194z" />
 </font></defs></svg>
\ No newline at end of file
diff --git a/src/font/icons.ttf b/src/font/icons.ttf
index 98d06fe18a36bc02180d933c47650545bb53bf4e..01180e0fb456e175ff69ac83fbaf6ed3b836aca3 100755
GIT binary patch
delta 510
zcmXw$!D|yy5XR@t+f8D&+0-`4UXo1;nq8wrv)ODBWK9f7Xh93LY`oQ_jm@F43mY-k
zLvrXp(8i;PC&5y@^ir^(7jJ@i_t1-1!GfMNarWTAF#NtZ-@G@xJ@s>T2n+xu7y*YH
zEBCJ(^8Vi%DW{YVH+rsjwtDsgfTfAowp`z%I!heX$kz6=N2}rUAH)NInMk+eZVGox
zuK{8sI=8wcT<C~TiBE_xb$k86@&wL_zY#y!-r2b6E=)2L0NEs=*mDOSWZ)I?CUNeu
z+v}XJWWN*d(IuL<<M-*I6!D||lNM7BSc56YP4-+GBJEJ+ySxflp$c$Wvw6iVq9*fX
zLdC_Djf;wkhGH2uyUlE7<~3%im`unRE>f$F3g11H;*w}M{+(LiF$||)OBQr(?k#db
zKokVd+MHri*IQ;bYqoT~Sy9zWQ-6Onyr^kc=IegD#8|2A*Q-yQGGpQBT=WnT8AHY$
zQH+K}3}ddmlrJ=_3}VJ=6!J^u9MVd`M^N5dC@-(aZ~X#EAOYaZr{4$v>-5j`o%n`-
yC5}Mg34%QQ<8(ZoNwd^A9a|H~HyV4fYl%=WAsCy2mk<hi0mnb(`Qs0<2KxsB6=%}`

delta 267
zcmX>j-y&Dfz{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(7zYHnqaKY;kG*P~<c{5D@1xLH8z7|tJ=X9uGv
bFX1(36rFsBH)OI2pAH+?>!O>p_>vd_UNu0@

diff --git a/src/font/icons.woff b/src/font/icons.woff
index 2b94712dc7ec00fec6e4ad518e0bdc179d353a30..83a9f0d31dc58bf842d938ba60d31fe084ef86e8 100755
GIT binary patch
delta 494
zcmew&@j+6o+~3X3KP1GTfq~}(0~Z4j@T_29oSeubJW-Rkp3{bbfzxJb+1UsF!TLrF
z3|t041qmR`H}S7ya&BS)P;3H_9|FP;f*wpsPb>zBJpuALpjaRyH8BM!_6Eo|17Q|l
z!vz^YK?VkH6(ApsIa687GjdBRfMOm%u?P_MGXBT#DL1hKXdw3jpa2^fiv=*`CFZ6A
z#a1vdFsg&_9)J0#1^LA#K*wL0_`*Z)I=?JX=^a53$q6JljfEJ*85!BQdHIFJWfax4
z4NR@<T|E7QBVv=%b0)_!rty`!8W@^0FfcK8GKesUO+Le@%fz9+`6uIc_IkeW{-VF_
zzT2}d-!t<-_rdP(&cBtuEB|)x1|g;2%3#|0JCOC=x%+VUq1k&@aD2D@ZO_`@KB04B
z_k`|=y?y;0j~=s5p4>g7c{0bJz#nr(zjZ${=~n1gFfjoV-KLMazjc3m_~=_V2j8zL
zBEP1HcJpvCFtac)PGFe4pVNj>eDWVoS0L%cWhJ9CA+;`^-{va=Hw(~z3=HRwewzfN
eC(qzAXB3-!fh&XyDA~Zk5Wv77wpokYixB{kNt7S}

delta 347
zcmew$`9(sc+~3X3KP1GTfq|!lfr|kMcyuO;DAjWuVPN1mvhS1b9RFZ_BL)V}9YCoB
z5ayfs*C9DKv4DYrO9IFb0pSOM52mCi7K6lcfP4-p7RX3VOaY3O0QqJh%;MGXBLgT1
z6k7x2tAH?PDr;FrZb=1D>;jMvHqXuYA45@YVg=AZZjd52FcuA9$V<#k1&Zk~Ffgiv
z@E(8prv>@NKnr+6Ccf~{y~r;MRC-MiL~;TNj@?2GVvLMz+`Rlk;xdYA+6Jap_AZ`&
z!4a`Z>67Ca(>NIzm>4@5gc(F9Ut-kV%*eEzeX<6ZH>23(5-wLDxr@t6hH){kR6M`U
oR|aktps@@L=a0;@gVB=(xXl?wCwp**0NohCz#zJL8MhZB048Kgod5s;

diff --git a/src/sass/components/_input.scss b/src/sass/components/_input.scss
index 63acb8b..d3d686e 100644
--- a/src/sass/components/_input.scss
+++ b/src/sass/components/_input.scss
@@ -18,13 +18,4 @@
     padding: 0;
     color: red;
     font-size: em(13);
-}
-
-// need to be more specific than normalize.css
-.input-search,
-input[type="search"].input-search {
-    box-sizing: border-box;
-    width: 100%;
-    border-radius: 0;
-    -webkit-appearance: searchfield;
 }
\ No newline at end of file
diff --git a/src/sass/views/_mail-list.scss b/src/sass/views/_mail-list.scss
index 5debf4f..4a6ad00 100755
--- a/src/sass/views/_mail-list.scss
+++ b/src/sass/views/_mail-list.scss
@@ -42,6 +42,18 @@
         padding: 0 $padding-horizontal $padding-vertical $padding-horizontal;
         margin: 0 auto;
         width: 100%;
+        position: relative;
+        input {
+            width: 100%;
+            padding-left: 1.7em;
+        }
+        &:before {
+            position: absolute;
+            left: 25px;
+            color: $color-grey-medium;
+            top: 8px;
+            line-height: 1.3em;
+        }
     }
 
     .list-wrapper {
diff --git a/src/tpl/mail-list.html b/src/tpl/mail-list.html
index 0047699..8bd7334 100644
--- a/src/tpl/mail-list.html
+++ b/src/tpl/mail-list.html
@@ -5,8 +5,8 @@
     <button ng-click="state.writer.write()" class="btn-icon" title="New mail"></button>
   </header>
 
-  <div class="search">
-    <input class="input-text input-search" type="search" results="5" ng-model="searchText" placeholder=" Filter..." focus-me="state.mailList.searching">
+  <div class="search" data-icon="&#xe017;">
+    <input class="input-text" type="text" ng-model="searchText" placeholder="Filter..." focus-me="state.mailList.searching">
   </div>
 
   <div class="list-wrapper" ng-iscroll="filteredMessages">