From ac5ec9c8c18f7ea18947fc0ef238fbdf301255cf Mon Sep 17 00:00:00 2001
From: Sean Li <mail@shang.li>
Date: Mon, 8 Jun 2015 11:58:53 -0700
Subject: [PATCH] Font icons for container actions.

---
 fonts/kitematic.eot                           | Bin 5324 -> 5436 bytes
 fonts/kitematic.svg                           |   3 +-
 fonts/kitematic.ttf                           | Bin 5152 -> 5264 bytes
 fonts/kitematic.woff                          | Bin 3960 -> 4056 bytes
 .../ContainerDetailsSubheader.react.js        |  70 ++++--------------
 styles/icons.less                             |  17 +++--
 styles/right-panel.less                       |  59 +++++++--------
 7 files changed, 55 insertions(+), 94 deletions(-)

diff --git a/fonts/kitematic.eot b/fonts/kitematic.eot
index b31399dd8f58a50451168f7ab69b46a1883af718..29b7a104661ea084341b42cf0b2cc6c1abad19c6 100644
GIT binary patch
delta 800
zcmYjPOGs2v82-+^=iWPW$2)W9RT)a-m`Rr9b9CXNU`BgbPAO?%<;7<((~Kx#U<^W#
zOXb$ejYJUSCUL22p$MwI3!8<Dh-npN=AHgCT6Ew)hwuBp|8f3v-k;v6Q#!)H!lKf~
zSLO<t#S4#f&%ZqdLel^$y5fmWT!c!vk8q@?_k2@Q9$W?30O4E1X)9a*swzczn=CbM
zO=XKk$fWNkziT}8Xsj^sV;zuZ0Poj{QEP<v-=8Jl7Fle92wunbDK<p-<V1RUCZ|5Z
zJP~h*Xh>y-t>}x$F-jm3)}^hPEG!hr-%dF4z)Fvnt@aNAff3@CvYDxA>76u44UijG
zz-TAS6y{d$`8vMCBMBa#mY#L~JLTd}=CD1&E=ceQz7)iM+ncPKh3qfvj(d`A7q@Ya
z?b%7GG3SOxQ&A~EBQ4#xWEG`yz!)J>xB{G70O>ekQF)T4BbIe|3Kb{wQUr%WN)0~B
zYQhbjS}B8p0Q?A2L-YzlE|%>`xBXt3E2`#mnQq-vW(52}ds1Go8)VI9JnU6=)CF}*
zGqt$(5Lk=wgnR9+vBh%|rB~QK-PeZ`KwI=wtG}hW>8Nrf9MTk3j)wiA=BBoqSZhmd
zO|&}d@f}xnwr-kELRWR2bGGhsISENtOoMGy%6ZLaxbrgGF`T%;@`}uPUi2u@RW!EC
zb`R>*RFw+F>{+9{`J*#rmY17snRX|sd%Zea7Q1%HnZnOLdv#~%uXF8XKw+%iejPmP
zYOjygH#Ic2+L2Jic7nra#AAyAC(wy5T*75s#Wh?<50bcnI6Xo)dT|qdG`jgvWo?ku
VV(bT>p)}PGcQ=2Dw*UVbe*oF(n!Er2

delta 649
zcmYjOO>0v@6g~6aBzZ4+dHH&ZNGcHvjUSC|#i-Clk+w=G7%YA){OBXCjioV>2CPCU
zMVBI$=R)vDC=F!gN~Ei(2<}wK!i`0Q3PKQ)cqUeHU}iYy+&lN&J1-A44*D7nkXrYh
zklX3<+WOea>Z8URz>xrwXT~QcF$O=7_(GgIH+^&@uV2{!#AV`(g_2v@U&-7dZgMZo
zyGxaB7dqoVQ8(rn@7}m~s`&%ZtAPEWIOopF{N!tDO3xNa$it$|T)IGiu~c1N^{?PQ
zi5Da?i{*m5cVpicADALem)zwFX7HW*N#fKkw=`!xzc2&DTI8Np%1c$PsNJN2C)CeE
z@Z?@Ar?;<1Mt>rtkpSL5)xQ3_^=?aalnEHn5K??ENwmF9aX=)zEpgSXh-SBm47t2E
zysE=QfOFwwxY%!RCwt|9St3<92}uiJlq6P_)pXQycWxD>CLLjhgpZK{L}??&_k*-z
zAq*RF+F>OXtd`I`O}`Y4=+fs8M2(mk3|V12?%mcOdqaBA6LMEje(>+{zY5ra)3ts%
zVVW8X=%P*g_4vTCkDZ+DIJT(s?2H<gWr(^u^&QSuy7*=po!nosRt$fZwOB$5k@a>v
zM~v)Xc5q~9__+7bNqGxSfpdE6^qJ=|jvS^i?X{e~fjCX8{{Bq8*TB1Lo4-^S|9`=6
D_LhOx

diff --git a/fonts/kitematic.svg b/fonts/kitematic.svg
index 6d6a89b1dc..0eb4c9c371 100644
--- a/fonts/kitematic.svg
+++ b/fonts/kitematic.svg
@@ -18,9 +18,10 @@
 <glyph unicode="&#108;" d="M69 196c-35 0-63 28-63 61 0 34 28 62 63 62 35 0 62-28 62-62 0-33-29-61-62-61z m0 112c-28 0-52-23-52-51 0-27 24-50 52-50 28 0 51 23 51 50-1 28-23 51-51 51z m188-112c-35 0-63 28-63 61 0 34 28 62 63 62 35 0 63-28 63-62 0-33-29-61-63-61z m0 112c-28 0-51-23-51-51 0-27 23-50 51-50 28 0 51 23 51 50-1 28-23 51-51 51z m189-112c-35 0-63 28-63 61 0 34 28 62 63 62 35 0 63-28 63-62 0-33-28-61-63-61z m0 112c-28 0-52-23-52-51 0-27 24-50 52-50 28 0 51 23 51 50 0 28-23 51-51 51z"/>
 <glyph unicode="&#109;" d="M298 6l-85 0c-3 0-6 2-6 6l0 65c-3 2-7 3-12 5-10 4-22 8-32 13l-45-45c-3-2-6-2-8 0l-60 60c-1 1-1 2-1 4 0 3 1 4 1 5l45 45c-8 16-15 38-19 62l-64 0c-4 0-6 3-6 6l0 66c0 3 2 6 6 6l64 0c4 10 11 29 18 45l-45 45c-3 3-3 6 0 8l59 60c3 2 6 2 9 0l45-45c14 8 33 15 45 19l0 64c0 4 3 6 6 6l85 0c3 0 6-2 6-6l0-64c10-4 31-11 45-19l45 45c3 2 6 2 8 0l60-60c1-1 1-2 1-4 0-3-1-4-1-5l-45-45c8-13 14-30 18-46l64 0c3 0 6-2 6-6l0-67c0-4-3-6-6-6l-63 0c-5-36-11-48-19-62l45-46c2-2 2-5 0-8l-60-59c-2-3-5-3-8 0l-45 45c-10-5-23-10-32-13-5-1-10-4-12-5l0-65c-1-2-4-4-7-4z m-78 12l73 0 0 63c0 2 1 5 3 5 4 2 10 3 17 7 11 3 25 8 35 14 2 1 4 1 7-1l44-44 51 51-44 44c-2 3-2 5-1 7l1 2c10 14 16 25 20 65 0 4 3 5 6 5l63 0 0 56-63 0c-2 0-5 2-6 4-4 18-12 36-20 50-1 3-1 6 1 8l44 44-51 51-44-44c-2-3-5-3-7-1-16 9-42 19-50 20-3 0-5 3-5 6l0 63-73 0 0-63c0-3-2-5-4-6-11-2-35-12-50-20-3-2-6-2-7 1l-45 44-51-51 44-44c3-3 3-5 2-8-10-15-18-40-21-50-1-2-3-4-6-4l-63 0 0-56 63 0c4 0 6-3 6-5 4-25 12-51 21-67 1-2 1-6-2-7l-44-44 51-51 45 44c2 2 4 2 7 1 9-6 22-11 34-14 7-3 13-5 17-7 2-1 3-4 3-5l0-63z m36 139c-55 0-99 44-99 99 0 55 44 99 99 99 55 0 99-44 99-99 0-55-44-99-99-99z m0 186c-48 0-87-39-87-87 0-48 39-87 87-87 48 0 87 39 87 87 0 48-39 87-87 87z"/>
 <glyph unicode="&#110;" d="M85 208c-2 0-3 1-4 2l-75 107c-2 2-1 5 1 7 3 2 6 1 8-1l70-101 92 101c2 2 5 2 8 0 2-2 2-5 0-7l-96-107c0 0-3-1-4-1z m217-160c-3 0-5 2-5 5 0 4 2 6 5 6 54 2 105 24 142 65 35 38 54 88 52 139-4 109-98 195-209 190-56-2-107-25-143-67-38-43-57-101-52-164 0-3-2-5-6-5-3 0-5 2-5 5-5 66 14 127 54 172 39 43 92 68 151 70 117 4 215-85 220-201 2-54-17-106-56-147-37-41-91-66-148-68z"/>
-<glyph unicode="&#111;" d="M475 3l-438 0c-19 0-34 15-34 34l0 438c0 19 15 34 34 34l438 0c19 0 34-15 34-34l0-438c0-19-15-34-34-34z m-438 492c-11 0-20-9-20-20l0-438c0-11 9-20 20-20l438 0c11 0 20 9 20 20l0 438c0 11-9 20-20 20z"/>
 <glyph unicode="&#97;" d="M242 489c0-29 0-59 0-89 30 0 59 0 89 0 0-30 0-59 0-89 10 0 19 0 29 1 10 3 19 5 28 10-1 3-2 5-5 7-5 12-6 24-6 38 1 9 2 19 6 27 4 6 7 11 12 17 2 2 3 4 5 6 3-3 6-5 10-8 11-10 20-21 27-35 2-5 4-10 6-16 15 4 28 4 43-2 8-3 16-8 24-12-1-3-3-5-4-9-4-8-9-15-15-22-9-9-22-15-35-18-9-2-16-2-24-2-2 0-2 0-3-1-6-16-14-32-24-46 0 0 0 0 0-1 1 0 1 0 3 0 22 0 44 0 67 0 15 0 27-12 27-27 0-57 0-116 0-173 0-15-12-26-27-26-80 0-160 0-242 0-14 0-24 8-26 22 0 1 0 3 0 4 0 27 0 55 0 82 0 2 0 2 0 3-2 0-5 0-7 0-13-1-26-1-39 0-32 2-62 11-89 30-19 13-33 30-45 50-7 15-12 29-16 46-1 6-1 13-2 19 0 0 0 1 0 1 0 5 0 10 0 16 0 0 0 0 0 1 0 3 0 6 1 9 0 3 1 6 1 10 15 0 30 0 44 0 0 31 0 60 0 89 30 0 59 0 89 0 0 29 0 59 0 89 33-1 65-1 98-1z m111-254c-41 0-80 0-121 0-9 0-16-7-16-17 0-57 0-115 0-173 0-9 7-17 17-17 80 0 161 0 241 0 10 0 17 8 17 17 0 57 0 115 0 173 0 10-7 16-17 16-40 1-80 1-121 1z m47 167c-4-4-6-8-8-13-5-14-6-26-4-41 2-10 5-20 12-28 0 0 1-1 1-1-18-12-36-18-57-18-107 0-214 0-321 0-1 0-1 0-2 0 0-6-1-12-1-17 0-8 1-17 2-25 2-16 7-30 15-44 10-19 24-34 40-46 25-17 55-26 85-28 9-1 20 0 29 0 5 0 10 1 15 1 0 1 0 2 0 2 0 25 0 50 0 76 0 2 0 4 0 5 2 13 12 22 26 22 52 0 106 0 158 0 1 0 2 0 3 1 11 17 21 36 28 56 0 1 1 2 2 2 11-1 21 0 30 2 15 4 27 12 35 23 2 3 4 7 6 10-9 6-20 9-30 9-11 1-21-1-32-5 0 11-5 22-10 32-5 10-12 18-22 25z m-246 77c0-27 0-53 0-78 26 0 52 0 77 0 0 26 0 52 0 78-25 0-51 0-77 0z m0-167c26 0 52 0 77 0 0 27 0 53 0 78-26 0-52 0-77 0 0-26 0-51 0-78z m166 0c0 27 0 53 0 78-26 0-53 0-78 0 0-26 0-52 0-78 27 0 52 0 78 0z m-177 0c0 27 0 53 0 78-26 0-52 0-77 0 0-26 0-52 0-78 26 0 51 0 77 0z m187-174c-2-2-4-4-6-7-9-11-20-20-29-31-1-1-3-2-6-2-4 1-5 5-2 9 2 2 6 5 8 7 7 7 14 15 21 22 0 0 0 0 0 1-3 2-6 5-8 7-7 8-14 15-21 22-2 2-2 5 0 7 2 3 6 3 8 0 11-10 23-23 35-35-1 0 0 0 0 0z m49-27c10 0 19 0 30 0 2 0 4-1 5-3 1-2 0-5-2-6-1-1-2-1-3-1-19 0-39 0-58 0-3 0-5 2-5 6 0 3 2 5 5 5 9-1 19-1 28-1z m-236 121c0-15-10-28-24-31-16-5-30 4-36 18-7 16 0 35 14 42 18 10 39 0 45-20 0-1 1-3 1-4 0-1 0-3 0-5z m-53 0c0-1 1-4 1-7 4-13 19-18 30-11 8 5 12 15 10 24-4 13-16 20-28 16-7-3-12-12-13-22z"/>
 <glyph unicode="&#103;" d="M267 6c-7 0-15 0-21 0-3 0-7 0-10 1-11 1-20 3-31 5-26 5-51 15-75 28-34 21-62 47-82 79-25 38-38 80-41 124 0 0 0 1 0 1 0 7 0 14 0 20 0 0 0 2 0 2 1 23 5 46 13 69 19 53 53 96 100 128 38 25 80 38 125 41 0 0 1 0 1 0 8 0 15 0 21 0 0 0 1 0 1 0 11-2 20-2 31-4 26-3 50-12 72-25 40-20 71-49 95-86 25-38 38-79 40-123 0 0 0-2 0-2 0-7 0-14 0-20 0 0 0-1 0-1-1-18-4-35-7-51-18-68-58-119-118-154-21-13-45-21-70-27-12-3-24-5-36-5-2 0-6 0-8 0z m-73 186c-40 33-43 91-11 128 31 35 85 41 122 12 19-14 31-34 34-58 5-31-4-57-27-79 26-13 46-32 61-57 14-26 18-53 13-82 75 46 128 146 102 256-26 110-130 189-249 181-114-8-208-99-219-214-2-29 0-59 7-86 8-29 21-54 37-78 18-23 38-42 63-59-9 62 24 114 67 136z m24-1c-2-2-4-3-6-3-14-6-27-14-39-25-31-32-42-69-34-113 0-1 2-2 3-2 37-21 76-30 118-29 13 0 26 1 39 4 25 4 47 13 70 25 1 0 1 1 2 2 4 17 5 35 2 51-9 42-34 70-73 87-5 3-9 4-13 5 1 0 1 1 2 1 6 5 13 10 18 14 17 19 24 42 19 67-7 44-50 71-93 62-38-8-66-45-59-88 3-23 15-41 36-54 2-1 6-2 8-4z"/>
 <glyph unicode="&#105;" d="M300 293c-2 0-4 0-5 2-3 2-3 6 0 8l200 200c2 3 6 3 8 0 3-2 3-6 0-8l-200-200c0-2-2-2-3-2z m-275-274c-1 0-4 0-5 1-3 2-3 6 0 9l200 200c2 2 6 2 9 0 2-3 2-7 0-9l-200-200c0-1-3-1-4-1z m475 337c-4 0-7 2-7 6l0 131-131 0c-4 0-6 3-6 7 0 3 2 6 6 6l138 0c3 0 6-3 6-6l0-138c0-4-3-6-6-6z m-350-350l-138 0c-3 0-6 3-6 6l0 138c0 4 3 6 6 6 4 0 7-2 7-6l0-131 131 0c4 0 6-3 6-7 0-3-2-6-6-6z"/>
 <glyph unicode="&#112;" d="M504-1c-1 0-4 0-5 1l-202 202c-3 3-3 6 0 9 2 2 6 2 8 0l202-203c3-2 3-6 0-8-1-1-2-1-3-1z m-322 152c-97 0-176 79-176 176 0 97 79 176 176 176 96 0 175-79 175-176 0-98-79-176-175-176z m0 339c-91 0-165-73-165-164 0-91 74-164 165-164 90 0 164 73 164 164 0 91-75 164-164 164z"/>
+<glyph unicode="&#111;" d="M34 5c-15 0-26 11-26 29l0 444c0 18 10 29 26 29 4 0 9-1 16-3l443-226c14-6 16-16 16-22 0-5-2-14-16-22l-443-226c-7-2-12-3-16-3z m0 486c-8 0-10-9-10-13l0-444c0-4 2-13 10-13 1 0 4 0 8 1l443 226c5 3 8 6 8 8 0 2-2 5-8 8l-443 226c-4 0-7 1-8 1z"/>
+<glyph unicode="&#113;" d="M464 7l-416 0c-22 0-41 19-41 41l0 416c0 22 19 41 41 41l416 0c22 0 41-19 41-41l0-416c0-22-19-41-41-41z m-416 481c-14 0-24-10-24-24l0-416c0-14 10-24 24-24l416 0c14 0 24 10 24 24l0 416c0 14-10 24-24 24z"/>
 </font></defs></svg>
diff --git a/fonts/kitematic.ttf b/fonts/kitematic.ttf
index 84d2f048c8f094285003becd9f5905181d14f478..fed09b36092cddc1320c243ee6ed071d2b9f00ee 100644
GIT binary patch
delta 731
zcmX|8OH30{6g_vo?X)wUevpqPLJ>dUm%oWIF=>k*kP1XtVC)16HEE?tV=ys66BCUq
zlED=lVoY4Pk+8&#TUWU60=r;kaAgFMsdtK+%zbapIq#kO?!Bw0mQF8%0O)uM5vgQy
zbnxNp?=OHzk=bZ}JdwmzD2zuLHw}%P??{OgYXFTizB8G(3TNLn=NNBs<Yuh-LZ!k^
zhzzjqnaMq#-WmV70f-BL@hzLNrlhg^PgpB)^klP{MN4X<1HK$#;&?V+Tu`3lCF2i_
zFXUz?t=OBUIyP_(+w#^z0Ty;x?_=Ebz{+R*Yh!63G{xLXVRpVKd=@770W9N2wKy(t
zcIVmqdx6V8;1gUPUsjfrhkKNN#L6x?w9kYGhdO)l_uFou7K+$c=&pB;wklgVNBj0$
zx_HS8mAj(wd6jQ*z14_T(*e_r+^$9;@e{!3B*w1uoNWlT%?9fdWad=_*u#Vu8hr5c
z96|^pY{!L}pdm`Kq6R#sSM&MxP%vzN5|-^@vCfdUl_jO5nrd8q1gsaugm=ABFG-66
zo5^&*r37#c=#8D|4t8~R)XGO{BC4#2v6^6{v!l1Qr@QN9Ypf;a3p6MiZJ4H$&=gIR
zB--$JoP;3CrcNIl#j+aEy=9TMbtkS<Sr#R!%vEqHDpcB|y~8}M&DBIb_NKqSbJIzi
z_4OvL^6I2C!_a8eUDdyw>FV^=(46!?aeX%^6ZP3n=nSvz;aBbM^xTdmkVHSO;W}<&
i5VtUd6mBEVT^+y(hA|4*rEnvK?O)-ezW+mAPW}PT^No`L

delta 617
zcmX|8L1@!Z82(<8rD>a`T@z7e)r!I@y6Pqt2SY^GOl#+=bK*g9p{uQBwZRpvf^4E^
z5we5e#e;Wcg`GrDJnBL4=7b)+Ohix+c4_OEP7Qf4`M&SH?|uLO9v^s?T!H}5k7dZn
z+xEq&TaVs<04#-Ud~zaV<0MqT{7Rgdo;f_4m#?e>;xh52Le+8ix~bd5EsjdbS#-Ny
zI>B70u9X(<T)#Wk`US{!z<5|LI`c~2en-vM)8%q;$x#l9HaA-&_Lr;mhI$VVh+h(?
z7HS1&aCP@L8svzRRj1)%4nL?LCr;dSszv?9>>Mz#N$#mzTdYfE=>`L=P(R%(js@PY
zC4XLvjQ>VhA`N_eB5iDa<NT4ko1)`~fQBudUVPi$px7r&?}WG-bVaM%LW<mTF)}72
zhyeS-&hTNqy%Fyn2h0=sU5!Iw1aOr?>^r-jA#L9ip{}5hd;n3NIY74%!q9mS24bEq
zm7)<@=~DwyZ6Fv5>-|Q|dn2uQ%aZEN%G*N9Cv}JVHedu!H5+m!7?fxzi#EfBVnati
zcd~|M8DfodXI#^DO|1E|{FgI)U3}NIPWGSJe5HR;n#GtRMB1yEhqUx?dU*86$T6>F
xCcM{XVaQ~9zlIEKOtPvoIEyKq!!+_Zj|-SU7CFp#Ict}Qc@=AC_<xI~jX!dhdhq}N

diff --git a/fonts/kitematic.woff b/fonts/kitematic.woff
index 9d2678cf4325b1bad94ac18a5e11ffc80e69950d..cec78819b36a0d14f3017638496b8c811f4a564f 100644
GIT binary patch
delta 3990
zcmX|^cQo8x*M?{GsG~#+Mhha*qCHCV9-SaDVTdwXB3c;3PYI(%gdn;>LUhr4Cq(q<
zBf11JgczdCJI}Yi_dRRfYn}VrYwxr7`Rklho;fJX3lkk36H7}I5Qt$8L<1r&7MnLL
z0)QtG7_xf*xvisPX#@h%`4J<WL~;3~;?TNU+B!s*MD*N5@q$!AWF{68cZsZ;=naU1
zo8Gh=dE({ZO=K5D?*syYJq4pVED_EQ#63Nn$i#_~BeQf1K@cI4{kNVVnJ550M|k-K
z65+oEg@_U%dkKp4atI_Aq@N>tivJUnDd?$#mot&A5d9D0Az8FF)^P7<zQl$ZJ`)*)
zC|(dL2ppL0ZyoH%G8<&yJ-RQ;Xt3i~aQt>;GB^9A&&wjK^qw#sd;FX}7g=&mWGo%<
zh=pgBubgt>+fL2G?B3}5vXXSGQY}Ml>bPwfpB((95xpElQ(#d)lXR|$a9lU-m541e
zviN?_)zA1G`@jyUlXi7=-ACb<afjy}-{t*zs%9;$tsA#~tagwND*mO%9ZgsKo({?^
z1DZ-(p8Ef(wKKOz?^>@TtLg@hC`|y>Q&o1t)`#WS7T;j9x66-Ssy2_VpG_;8oZ)AJ
zR9g2_j2Mtsht4yBDwkPNKr1Pi{h{)HP|wkWu~}skWCQY%@}lzMy^371+^XP?)u7?2
zt@+iUq%r%=v&ELFvY9HRzkeaVquSy$ql)d9wkko({_=(gLsk34L4Wi*-3TBaBlO-S
ze*q^iqiH7dAT{m$lKPur?0fd;#^|B%WNGIiqFiwp&TtC3N3wk~qbmt<GWOJie~OSY
zSlQ_pZMD+K@um9|pCV68n}hk4<vnjblr6((X1!JpKuCALGe=!c*H6uwFl$IoRQcQC
z+5%{w6qqH@e~&t%*MmoFXAc22!yCtL+u1&LS^BvNi7)IfPBt3v6q#KwW7o#UubH8W
z#$~a-J_xH&sSu&ymb<E<?hb377|+yKQYfCh_#BnQ552<3THRXoq;8MIOQlwdj+7Wt
zvv#O}{K`HP+j1_jJ8hflr~Pr|ISg~%BXqZ?;jAK`b0Bcc^L!-tVG+<9`2qLS4Tqf~
z?QKb9JXglkOVz{{CtTas+SIx!|K7MPC3aX%L1rdv*Xr-Iw__m4A37B&owFWN8%xeT
zkvw;w|7^8p|KVk7M)PmPO<?k!AajO+pNtE`4aS8$4t5Tmn(lBXn=e18XC&R>^ue$Z
z*V;3bVwQo+<j1$E4Wz&mJL*!h>dfvrwH0GguVYT-?E4U-Qqjy024bDmTTk-X<~{b&
z`yN*sW=<A+4N9A;U95ddSMRq&>)xL=SJmr%?N_?ONnEX<ad)0B^2wfqxgWmKAE7Dk
z6J)!3e9gGZ_8cwD&R~gdFF#!W^R#fWDRlF%l*dcPCW?*~JJxt0@b4%Uk0*DBYy{dC
zy`uOHHn5pRa&CE}EjuDzvwjt^%L^;cy5AXcwwp2WJxBp*fvEndR}&r^Te|A5C&^1y
z`jMU5%Ce5jj-EzziNy3l0clAoY0yL$#pxiKdOz74(HM4)kwe-D>eA>mO_Fc!Yjk_A
z-->>8tXtF+cp%LI{o-T69>sv~-7RXmaff%c2xf*grdPv@W6QFko>)}-0rQdP-;pkj
zvD@D>LdDT5H-ojh`s;G4Wk{q1xjZ{r6pBtSh3qv(6~F;g_MbPoVzI~9Klvz!VRfs8
z{F2#{v61z%GmfI{)Dwb6vzF!G>LBDz5svpT-Qs7}iV0|72;wM_2a$iacr~}>1>h@R
z;>55>>&`+#KAmb@+HAEDqr|Ek*t2+vzr7*3mAssf)6D2VkerZ@yR3~VKB!ZP8VHmc
z7feNDR`Tn~H8u+wK3JdaNmoCuf<p#Gsu-DEY$X}1G0drXoTK>!zbXDAYWC!qo6JK^
z^jVsmZh)4w-#Z;T_r;*WfFy^^4-PxZyHbiO!X;J%mSQmwo3H&JU51)1t>jpkDJFj9
z+jP;3yMGSrwfxALbZB8S?(G#MnN+^l9qE=wQm%&K3rOs@k#>1?n%B@#!`-;<+KQCJ
zceMJd#5Ar~C_QIBEqbGk-HI^udk6Z1!7T7EcLC`qRy@LPH&Q$|h112cU9*Q@w-3{6
z&cj;AycAiH4wKlyOvzx-Wp9@CQ$0GGL@F210>qYp?<qow`coYIR@l0Xsc`;Ni5I~8
zdLyAeyQHT-n~Uvt)s$fBE32|H5w~VD!KK<Wr(Zg~Ln;q+?fq_$=A6Fc9{x#YIQ{1Q
zCy+J^h(oALgoDM8VZE~u=BxAXHigH7`-)NnigBThg+>Xri6l#VHXLrJQj0e`nj{Hp
z^ZRF-=$00GXa-J^4Q_{1&fODuT+&)qRknLNy>xLr-PX4Ns|rk`d2vbT3E@@lkIExi
z^*th>4=n9xapE*>&t<<@ykUx4KCy5FI9O|5C2!jN@M#5IqnXoad`ivbz^VPKiu%l_
z0TIF`c1BA&yufg&JU3~TcQ;MtjVR_zI{7{#QD0=1tbUoveIp-p62O<qu+1cd^l%>i
z4hnWNfS0L$(Aq#y*W0sBU!Q2O0*_PoN9^)43^Cpehf~6Px>7=uq~158whm!{h-#lT
zIbk;m0--D@w5>3eX}Skv7PheD>Yp^kj*rV<P!}b=y&dN?MA@Q_xSsjp6Qi_Fxf3fW
zPImlm)9%h%0UYAFBcqU(`M?Eor$kRozRMAApg||Bx}LxkXiCQdYeW9=G38aJ`-uo$
zxaG|#5{38~Kr{O->Gxkx$2&tnJ&CorxE=O7Ej8ym-D#AJDx6-;&b#0-vW1+h;5OLV
zUNJX@|1q<lX>2J%s>#FJn=za8HIkqEYu|&1`nz$_`K*X=R)RV!q)I~Eu9F9b+RA_*
zWVo_M&XRhz;)l;J$5cD>2&4ARK35m1YQ3tTF8RUhB+$@1-eN%&rp*8rI1@IxpnT2p
z_L`kTN%Vdt8*iBG9@ICh4>#o@E%8_xcz)sk>rpgDV(A6cbfGS%{T#pV@!GR7S4(m*
zY@k2s?)~*=9jKqJRj`~E^?CQ*V!*4#-_Lr(7ERA}aZ))hFH2@C0^{sT|ESY1z>cJd
zkn@~_9BYP9k{v*;f&e$}HEr=%&dG9=6^N%zbM`!3(2V$OgWL%N<h69F;g2d8H_NGH
zc8dO?b3zsN_aMS#&vl>lJN(?OX0cQ+&W3(TWL(}`Q66>3N=q=GX{c4W?YebM#F+N&
zT??yW_E8cs(MMLb`2(pbQB9<M<l$tUVb4s3DqP;yB~LOVnREgDkvMR2K0;VpUkvlR
zn@k5Ue>(4uzrUu90^5&sXWw5Z^U1o@S4d4-lJPcL-V#-8&K9eAwfCifbaUFEi(~LG
z;^#QYh-gW`qe!laX-nlaPAkY>{vhTM+_mci@H0U-=Fl^P*p>J-E%O`d<KU+h0}(2w
zV=IEsNQb15Bf$PWDa(XJp#h6c!-qGfj#^$FQP~Q{*HYR1qGvT;GiWe>*<p}$R9dL8
zAad)Gv%49bWMc;xi}ONGH+Bc(+KsNx^XC0<xnm)YDW^Z$@u>1|^;)J8dNq#aEH8L%
zB@uK~#gB}mrO9h3@O)T_FFpooL8ll7^B9uY*jsODS^?AQUnJEGTt9-b{CJ1t{7e?g
z;Vcz%0oo*T`U#9!80!ePtB3ZN*9toNNd7%q!Gcd*Lv+rCn;YzPS@d;6h;7%HC-Vx0
z2v%p`mqMvpqRi<Sa&fSfMlT6U=FRn^4u0{;0;!ao(Y!lY#TTpYo4Nz<o<~?hJe9%O
zRbq*-Js{-l^nMP_xsb;D^?=um#VdAkeq0pmQ33T&Hq>zYg=oA^z=ywYRoWTU^>-*Q
zIJ?aUN5W$ZkM6nlP6<fI&Ks)N)<-=3k-a@p>)F~Q@3-+V*cKOibr}AUFG*kQv+u&K
z7E}0DUT7C8=p^<6@FKoV`A&abObwpc&<w-;0)W5|KwGhltlOB2aoJQ&tlrs5kNi{)
zdVC^sz=AC?-|g|VNS&x4EbhVdt+UCC`x4s{^XV<V>SfmZHxis!6jDa>Q%~lnjj-lp
z45NPY+yhA}`LsK-`G5K~hU~~+l?eQ$+8@U+QkswyYs#3%N2MF*-C{N9qGCBJrR+dO
zwgaLhbd#XPuK_d^!dfjPR2%yNFOFI&4^Uvnn3Xmq%1x@2>uw@?LcCF;ZM+qFWwLHO
z!U)dRxy~5bNr&XT#^mwC89jBd4wd8&-w<9;gMEo5`-9hly&F*daW$F0YS*Gt=td5D
zwKUyJm>$Err{fYod%2pXc?9=XW(V7}E&}2g?$7Yz=e~!%c--Z=?v3w+TD06#)DH|^
zK9mJc*l7n|eCcJ7e-^Z{y0r*Jd2gRkhDX<?Av7E}MM@h!Rhy1l+_3$pOkv{Aqb-5E
zU)2b)(M*ToT|QYrJ_MRt8fmv;2qH7|>D6ekO6_(NMST@JVzgu98?(ryvyb))1yUA*
zBpm_cY%XXXt!36l%A3Qax}^;oZGKFbPl~DxPsZC)zGwAA)&WdrDlA5V1u(%(?_rd|
z{PW@Jn9Fk;Lu|>uh)17r#YY<5mK`X2nf*~GdB3ZFVD=L@9PR{)IC?%98vY}`wz#Pq
z0eZkj84Lpb8*_rgS4bVNQ7}T_j&L#!bzT?n5j%*S9Hf<EL?;6{p$-V(NS<{l1^qkD
zfjl)0Fck+F_lzd(-|YHVN=#wAv|3Ooqp3R5WJAnzuN}ZJHiwZbrOac8vdAP+wU|JE
z1B-gwfak)M<H?ohm3<Qz@5@JEc%9!}{3yph<`~0rr?~vYfQ~|!_pi8F({-S0bz76?
ztE%_z!zh`I{=Y?#<5$}r)%7#4j=SE{Qej>F^A<~xV*)gRz)k=)bJ4=xK-xL9y8j#L
z;)p;Q$-_)aC3!_0QH|UX<b6ygl43;91%%xRkc^KE=LT`if@z6gHIOL?#Pn}s)N6GE
zQYrSRPPgJz^XGhP=AXQkG+nyPkzs2K+W5$qe04eDel56LZQ*F|UsB3pXz%rS3i$|%
z9>V6Ogai=goBKKD_LG4JYmBaMV+WUf46?r*B?tCoH}+Zlg!;Ig84hpGR(u8o#GCY$
zw{o@DV7c3U%#}e#%BfeQtYcwMObT~`URFStIyl-6)N|4Vl>8$TEAQ=dc4y`qU)e-*
z(Q8)N+k8ts!A(C4(Z@7X2Z>#OLA}%JfJM(_wA8schc2^9#A}-^8dP?omr9ub(R;1Q
nK|ZKH*W`T=;#xX+m2z-R?t>bm#=lqUqDGNGiy#i42qOOv3b=R7

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

diff --git a/src/components/ContainerDetailsSubheader.react.js b/src/components/ContainerDetailsSubheader.react.js
index bc9d4a348d..73d86cbd3b 100644
--- a/src/components/ContainerDetailsSubheader.react.js
+++ b/src/components/ContainerDetailsSubheader.react.js
@@ -117,46 +117,6 @@ var ContainerDetailsSubheader = React.createClass({
       });
     }
   },
-  handleItemMouseEnterView: function () {
-    var $action = $(this.getDOMNode()).find('.action .view');
-    $action.css("visibility", "visible");
-  },
-  handleItemMouseLeaveView: function () {
-    var $action = $(this.getDOMNode()).find('.action .view');
-    $action.css("visibility", "hidden");
-  },
-  handleItemMouseEnterRestart: function () {
-    var $action = $(this.getDOMNode()).find('.action .restart');
-    $action.css("visibility", "visible");
-  },
-  handleItemMouseLeaveRestart: function () {
-    var $action = $(this.getDOMNode()).find('.action .restart');
-    $action.css("visibility", "hidden");
-  },
-  handleItemMouseEnterStop: function () {
-    var $action = $(this.getDOMNode()).find('.action .stop');
-    $action.css("visibility", "visible");
-  },
-  handleItemMouseLeaveStop: function () {
-    var $action = $(this.getDOMNode()).find('.action .stop');
-    $action.css("visibility", "hidden");
-  },
-  handleItemMouseEnterStart: function () {
-    var $action = $(this.getDOMNode()).find('.action .start');
-    $action.css("visibility", "visible");
-  },
-  handleItemMouseLeaveStart: function () {
-    var $action = $(this.getDOMNode()).find('.action .start');
-    $action.css("visibility", "hidden");
-  },
-  handleItemMouseEnterTerminal: function () {
-    var $action = $(this.getDOMNode()).find('.action .terminal');
-    $action.css("visibility", "visible");
-  },
-  handleItemMouseLeaveTerminal: function () {
-    var $action = $(this.getDOMNode()).find('.action .terminal');
-    $action.css("visibility", "hidden");
-  },
   render: function () {
     var runActionClass = classNames({
       action: true,
@@ -200,16 +160,16 @@ var ContainerDetailsSubheader = React.createClass({
     var startStopToggle;
     if (this.disableStop()) {
       startStopToggle = (
-        <div className={startActionClass} onMouseEnter={this.handleItemMouseEnterStart} onMouseLeave={this.handleItemMouseLeaveStart}>
-          <div className="action-icon" onClick={this.handleStart}><RetinaImage src="button-start.png" /></div>
-          <span className="btn-label start">Start</span>
+        <div className={startActionClass}>
+          <div className="action-icon start" onClick={this.handleStart}><span className="icon icon-start"></span></div>
+          <div className="btn-label">START</div>
         </div>
       );
     } else {
       startStopToggle = (
-        <div className={stopActionClass} onMouseEnter={this.handleItemMouseEnterStop} onMouseLeave={this.handleItemMouseLeaveStop}>
-          <div className="action-icon" onClick={this.handleStop}><RetinaImage src="button-stop.png" /></div>
-          <span className="btn-label stop">Stop</span>
+        <div className={stopActionClass}>
+          <div className="action-icon stop" onClick={this.handleStop}><span className="icon icon-stop"></span></div>
+          <div className="btn-label">STOP</div>
         </div>
       );
     }
@@ -217,17 +177,17 @@ var ContainerDetailsSubheader = React.createClass({
       <div className="details-subheader">
         <div className="details-header-actions">
           {startStopToggle}
-          <div className={restartActionClass} onMouseEnter={this.handleItemMouseEnterRestart} onMouseLeave={this.handleItemMouseLeaveRestart}>
-            <div className="action-icon" onClick={this.handleRestart}><RetinaImage src="button-restart.png"/></div>
-            <span className="btn-label restart">Restart</span>
+          <div className={restartActionClass}>
+            <div className="action-icon" onClick={this.handleRestart}><span className="icon icon-restart"></span></div>
+            <div className="btn-label">RESTART</div>
           </div>
-          <div className={terminalActionClass} onMouseEnter={this.handleItemMouseEnterTerminal} onMouseLeave={this.handleItemMouseLeaveTerminal}>
-            <div className="action-icon" onClick={this.handleTerminal}><RetinaImage src="button-terminal.png"/></div>
-            <span className="btn-label terminal">Terminal</span>
+          <div className={terminalActionClass}>
+            <div className="action-icon" onClick={this.handleTerminal}><span className="icon icon-docker-exec"></span></div>
+            <div className="btn-label">EXEC</div>
           </div>
-          <div className={runActionClass} onMouseEnter={this.handleItemMouseEnterView} onMouseLeave={this.handleItemMouseLeaveView}>
-            <div className="action-icon" onClick={this.handleRun}><RetinaImage src="button-view.png"/></div>
-            <span className="btn-label view">View</span>
+          <div className={runActionClass}>
+            <div className="action-icon" onClick={this.handleRun}><span className="icon icon-browser-view"></span></div>
+            <div className="btn-label">VIEW</div>
           </div>
         </div>
         <div className="details-subheader-tabs">
diff --git a/styles/icons.less b/styles/icons.less
index 59405421b3..433502efa6 100644
--- a/styles/icons.less
+++ b/styles/icons.less
@@ -22,8 +22,8 @@
   speak: none;
   line-height: 1;
   //-webkit-font-smoothing: subpixel-antialiased;
-  /*-webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;*/
+  //-webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 [class^="icon-"]:before,
@@ -36,8 +36,8 @@
   speak: none;
   line-height: 1;
   //-webkit-font-smoothing: subpixel-antialiased;
-  /*-webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;*/
+  //-webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-add:before {
@@ -73,9 +73,6 @@
 .icon-restart:before {
   content: "n";
 }
-.icon-stop:before {
-  content: "o";
-}
 .icon-docker-cli:before {
   content: "a";
 }
@@ -88,3 +85,9 @@
 .icon-search:before {
   content: "p";
 }
+.icon-start:before {
+  content: "o";
+}
+.icon-stop:before {
+  content: "q";
+}
diff --git a/styles/right-panel.less b/styles/right-panel.less
index d1ebdcfc0a..a9687ffb30 100644
--- a/styles/right-panel.less
+++ b/styles/right-panel.less
@@ -43,56 +43,53 @@
     background-color: white;
     height: 45px;
     font-size: 10px;
-    color: @gray-normal;
     .details-header-actions {
       flex: 1 auto;
       text-align: left;
       .action {
         display: inline-block;
         position: relative;
-        img {
-          width: 35px;
-          height: 35px;
-        }
+        width: 60px;
+        height: 44px;
+        padding-top: 0.2rem;
+        .box-button();
+        border-right: 1px solid @color-divider;
         &.disabled {
           opacity: 0.3;
           &:active {
-            img, .btn-label {
-              -webkit-filter: brightness(1);
-            }
           }
         }
         &:active {
-          img, .btn-label {
-            -webkit-filter: brightness(0.8);
-          }
         }
         .action-icon {
-          color: @gray-normal;
-          margin-right: 15px;
-        }
-        .btn-label {
-          position: absolute;
-          color: @brand-action;
-          font-size: 10px;
-          width: 200px;
-          top: 38px;
-          &.view {
-            left: 8px;
-          }
-          &.restart {
-            left: 3px;
+          text-align: center;
+          height: 44px;
+          .icon {
+            font-size: 24px;
+            margin-left: 0.6rem;
           }
           &.stop {
-            left: 8px;
+            position: relative;
+            top: 0.3rem;
+            .icon {
+              font-size: 20px;
+              margin-top: 1rem;
+            }
           }
           &.start {
-            left: 8px;
+            position: relative;
+            top: 0.3rem;
+            .icon {
+              font-size: 20px;
+              margin-top: 1rem;
+            }
           }
-          &.terminal {
-            left: 1px;
-          }
-          visibility: hidden;
+        }
+        .btn-label {
+          text-align: center;
+          font-size: 8px;
+          position: relative;
+          top: -1.5rem;
         }
       }
     }