From 514a9d657e6cf0a355a09ab9cd32c0ab1c7c46f5 Mon Sep 17 00:00:00 2001
From: Kilian Hofmann <llego03@yahoo.com>
Date: Mon, 3 Feb 2025 20:16:55 +0100
Subject: [PATCH] Icons

---
 Gauge/src/{ => assets/fonts}/Consolas.ttf   | Bin
 Gauge/src/assets/img/compass.png            | Bin 0 -> 8647 bytes
 Gauge/src/assets/img/wrench.png             | Bin 0 -> 3687 bytes
 Gauge/src/components/controls/controls.scss |  30 +++++++++++++++
 Gauge/src/components/controls/controls.tsx  |  40 ++++++++++++++------
 Gauge/src/index.scss                        |  12 +-----
 Gauge/src/index.tsx                         |   3 +-
 README.MD                                   |   4 --
 rollup.config.js                            |   6 ++-
 9 files changed, 66 insertions(+), 29 deletions(-)
 rename Gauge/src/{ => assets/fonts}/Consolas.ttf (100%)
 create mode 100644 Gauge/src/assets/img/compass.png
 create mode 100644 Gauge/src/assets/img/wrench.png
 create mode 100644 Gauge/src/components/controls/controls.scss

diff --git a/Gauge/src/Consolas.ttf b/Gauge/src/assets/fonts/Consolas.ttf
similarity index 100%
rename from Gauge/src/Consolas.ttf
rename to Gauge/src/assets/fonts/Consolas.ttf
diff --git a/Gauge/src/assets/img/compass.png b/Gauge/src/assets/img/compass.png
new file mode 100644
index 0000000000000000000000000000000000000000..600e82a5a3ae54fb110a789e9481b5fd97537cc4
GIT binary patch
literal 8647
zcmV;&AvoTNP)<h;3K|Lk000e1NJLTq00961009691^@s6Tym&p00006VoOIv0001G
z0I%^j49x%l010qNS#tmY4c7nw4c7reD4Tcy03ZNKL_t(|+U=ctoX=JM_@8rOFvC#p
zA%qnMBc>8*StY7(S(1vfwc9sIzH8g9>{pkqw)%EieQOK57Pa*YwUw+(7n^kpNkm0%
zQ79UOW-xPpf1LMx8_dk-GN1SRob&#?o{z`tG0K=Z=XGAM^EsE-dA(8)Tqg}^05ky_
z0nNPsJ{_p#Nw)X3ruT1Z02wF!oFd>La1=NU{NTx6;9KwOH^3h6&)b2ofMOW}cS#Wy
zI5SSofS-8M*8AE9XzWb_CMfhKf-RnG1=a&=y~#n42|$QrOxghF09`%F1+pCL$9KTT
z-ej;A_yG7+Rtz!$2q#hn$OC=~Tm*FUmg`|8A6VweVqm4W-4J8~NGhG51N8MA{sJH~
zNp*1ySPIPd<Rd_di3nk%8qgnj9@yy_xyY%q2Y3Ov7JYCj2+mT&Gvrr+L*m>qO93z&
z7!K4Ha}r!24Y(MX4ty_8oG>W_-U5bs6RRLtMO)xW;A?SK-{k->5ja=OPB8sxe<koX
z`f5v@GkEy~_%%>h%uxu6+Q1#?pcipMd(I1{10BRX1;6M7O!JIQoX$=u2Iiu#Smlaa
zNC>&WKV+HjoUB9N!la4`3-Qnqm?4huylg;UC8mi<3*z|6E9<?9Kvo1onY09EiKB#G
zK0?2{5ClNS;opaT`z{WWJTe<NOUyrcNdX3<-?NKDB&Qq&CLr$)l8)}c3UL4tPj;ij
zjD?U>3mrx(2Ye!B$-jWs;wItb5?StxL?K6j-yzqAp`kYLS21jn7-a>JBktoimjYjk
zF^g2<knlbvcEC9@fhl6ZA_<cD=#=Y%1GGhFp%udwNu+!W{D-)g-HbqInH7T-@k^fN
z)S@baVX6a@#5hF)l2yQ&;&!s+7fJ3dK_Azh$Mw6;e%=91Gnog4fGNrPd=ywB>Ij}+
zqYGNfr;&(hdBN3l0T<IIrF#c4zmho+(A9N51vUa-pfeMXLf02eBy)flfwR%!vaP(Y
zlCxj)K5!Mf{FzJuK2aN;tfOy|8re~Fs;kw&hu+t<=)CzQ)I?Vws^!D){t2+{r2pRt
zokXRyv?n=3X+H%9pcBRl38p1Ft4p$#%9;t>4s<~m5{<+dAKUYnD95S}`p$fUH$f%S
z<E!210<S^>$?+5$cH{X0nCCfsyEs;8X}}gA+gAwGk7NAm0YiaTfP+aej)%OJfRF&r
z0rrO2SoQ*wfh(wdmEfKMwD<Z-wlM?!Mq^^gC-tMiAaUQy(H+<yLgP4qt})O*%4L1D
zj0vFa_a?Btspt~ve+%i#;5d?KByM^Wz5<&|fE)3zz~w^$^x-L=+MbEd+WQXSy5229
zZmeRaKRPi(SoVX@cqik2Gckbv{BHpLXa+nC><ftv6a%Bht)t^I@36`BLEi=31DqD1
z?w${zU(W{EpG@F3U~@<&f>Gk$6?0(-KKZ`{Zoy1s*pmVDZ-Rk-rF&baO(ED03>P;q
zn_R~a{JutC-<b>v{cQmKeAHn7(!E2qjSkz%F<_v$`-!x6_)6$|V4RN!d$G_rfc}oL
zpr7g9!P-toZKe>oSlnK720C=o#pT=->`E1tg}!3+v)|`f)Zgmfs>j7E#KY)o?xf~4
z;1dT2Z-r%!P@1QG?Duj@``iRK>pFgmepHo|R0S3}Hed(Q*Eu#nbgAzdmLFGHJuSDX
zOK|VK$Y%t5Q)CUUrSN*g`=oJ!!9Mi=8AtkF1sIPG#dWD7QPpH}{@WcIoP6B8x_K~x
zI#}eOf#%{?s<>&mnV%zO`k=2uTo{zMfu@e?IR$tm0XkTS&N1L3)zE=Uu1o^=gx&ei
z!j16Gqv(`lVVIGJ$9YO#1UwOvrRhN6I|uCUI3Z4UQ_GP9nr*;&A=7;$;5nkJnQ#nv
z4d@gy9h`}NjOD`3K+`Zz05cp={_K#S$kqggpsxzw0#>4P+%NDZh~YrP5cfYF{m97n
z*M`dpS@DsZEmwFk`YEjxflLlA!~Wo*KZixxZP8C+ZH~wqB0iCH<apaXn<s&5T~~4j
z@R7v|-i5speS-fq0G49+6|~buZ=S;L2&@+314&Oc@6gj$J6-7N*0dk?ri1<fovBt3
zK!<iuws;b_(=~<GMd!4)QJD*{<LRzo7b(EwmfCCqj$O-6!`^GYYGUg`1&p`UcGuy^
z)nH#s75FMi_TWN@n+Ghl;d^aYTn%)AN*iDDRS~-uV&Ea{+zOm+v(g^3bkCn5_AJD~
z6WDnxVC5T?PT2Pbdnr0imLSA?FgVr1NnnI+ib_Mrl-s1F^+@e{q4HEkKMS|5o}^XR
z*tb}wps&%dzXTx>)C5*rX5*7=QBD>*q}HaqeYs+@LV{_GU1`XVqu(<a=YETnQiLwE
zEeL+l4ZA8=&9`AzwCSbay<($+&kVw@5cf+>Dq{+E-Sx|Rejx}Rw#e=`pc9=0PDgJa
zVuKPkp;L|tLJ*{SA2_y50>3h$gt^!g9VKu2g`lYgY_Y@#wh?fcd!9wJ-)ON#!4MZ%
zv<m)ZkR5;Bl1{%#k`z-AtmRQld|?X#y>~eqJF=>Ni%#hz2qwt@)>twL{33`Bzi3Hk
zuNK=AETJQIyo31ypKk=t!j7_DGsNZu%XknwJ{Wz?Bs|fA4(>yjz!rqEmgCh8{qAb$
zM6)&&74e0}=qtCRyz>;Sr8;nxw>A9+vxQ81VMmnUxqfuchFob&k!U{wGQBgPS2!^g
z{ht=J&4%dMmlEBnG~i3jzkcc@wx6`r0<J^n@GtK{&Mg+SvjK3xu&*5TR_qDm3JYen
ziQ)rEM;&y*(iudqY+Qt{f@}l7vA|#ckjM_rG2EH&EgD?GUrzI!el}1TgN-b+s1H>w
zI1t=Tg02LcVm{pQzr`;?P2EyXAMbtoU6%D}parXd{)y<wA1s*3GQ~$iM-%irjzuIU
zvb3FL{YwE>;CQ@DI`Ea@PW+enN@!>fjP;i5iM%fR+|vG<E|OE=ZK>ks62l$%8gqdi
zLSks`Ezei_XeW<Z-2a7!edxBzH2yD!8-IuRkCU|X&TWEvBy)kqy69urhgQVf@G9v1
z<0f;T%iiA|+5`6ye0_*L=r|RdS!Q?=_(?pC?q|5s_lZwA<Mf{zw3EpW=;`N%ed%|u
zE&qQ&9{kuy3UD6qIItD-*IWv?+yT9%dIy!xYy(U$|0jvBS!KLEfeFA4OPsz$4mos4
ze1}0j6$8y;X{_nff2r(a-syXIPXCo<PG4GHbx5b#n605PCYHuNZ?K`u#s7>@#hdsi
zp`X<%2jm9FbUfLhuKpcML%%TC&=KN`fsp}R2K)`3Xhk_B$AHrv)Au<B^>rNmxGEye
z4K{K=P(%FES4t<)*zcIrmzIT&>VLgKoee5$uXi#(GpL+b(Qmzl#5?`vz;yK6ir3I@
z>$4s1(;JSq`|k#Sci(8f>1Bg6)X&6M6Gn|vPXE2bpY-KP3rEML8RpXJZ;jNr6m(>j
zsaJn#;<uHej(0FN8$0qh`XwJbK2D1a>aI=chMb%*AO~{+I5WMOQHYJYz?I(qt~UWy
zhmqxfrT7Orw!+jlU}JfI`CkTSrc1?_qoyHnEAS5X)TRqkTrURO(xC1tOc?qa=0bnv
z^uJ=7pi`pH#*X4Frer7Ks0X>ukp8w*v<2v9a8D$s|EJOz7>a&Oavo9$6@DyC>pE`&
z9Sr>57TyYS_sM_J$l$ClS%1pkD=Lvt-V|MAP={BRG@^7Iz_|vMF<*TB6l%-4$SLdx
z-VaG%mZ4Lfo8Y{%CV)IcjoAZi5ZgY5f#^_O;Ya@IoqvRZLSV6>-<@aE1h7o(x=e<O
z3QpmTkoD(XL%%nttO>x>)yh(_>r-e5{8ZF%$|vT$koC#bhhJU1c%PC9;0$liX@VtU
z+ov!DiHba#_ke>T>(gp<9ES<om7V}h6;&wolpx6RKiQW5ps&6^GxWRL+b{uqh>lqo
zexxN)oX6CyTbK0o^kmVALf5AZBP(rK0i1295g&-Zm-*=*G2rLoi!bJe8*U&YBPlKl
zR-z*S!^kQ_zxM>6H}yJcnE3lCd=g1-85tRB-n@BADW&eZ>n@d<nHl!rpSwdm-g$;}
zy18^COyz*<B>sK^9i!1(Zf>qBE-qFjJn+B+Dmyzn%o9NS5RZ8Vv6VqjloXci0BRT-
z)IxL}b>T<;7>({mjvT2@X2OICs&3u7VRZhDNigmo8q#fJ&}D;6{PK^)-%lWgD2i=l
zXJ@PR>({HYm@;LGYSgGv*d~C-l3?to8Pe@}V6J%KH1YWpxF8z6_3G72Rm4j#y`-8p
zZ5pNtphpsn{XK?sdv!Ycow*50A3~%7=L22PQA+i^{YgH$LeWR)sHreN8NMc(Z|dE<
zcZGjHbm&lO)vCqqx8Kgzty^8!$v3zeDqbC(ov9r<b$K>F-ni{SS52PJkB@;&ZF8Cc
zj59R*+zix2S1j2Q#rN+=SE{KOLg!B>id>9moN<QQyLYdOhWFlkFATQ>e|2met9hU1
z(WG1d4tN+H_I-gN{XPiroS|R7p7`?8e}hht5hkK4#di7Sm#b(QKYn}|mj72cG=^QH
z{2)773ee&3CiMF(z$*?KMlo=Ih$eukk@}pPnyRKunG%)r&zm<-rKYC3?)-;wr|{=M
zuf4A6_@#89mZK-;<GrQxILDp88l^I{lt-I3ZMgQ@Ya{-!;^Jb)jvY&JadCy;*SvXi
zh71`(hYlUc%F1Hv)~&qt)>|xGxDchR$hb8hoh#CX)!QqanqJQZ>R@pBktn&&@d;p1
zH2oYlY*<vE{x7`nLWMskEiFww`skzT=+UEP{`)0MmZ+93TiP(LH##tO?a?n3UG<&i
zU@kjpqU3;gkm4$@M(Shr>ebc4g$tva0M0-E{0g@bvu4eT_%rtG*`r#wZf$Z*k9)U4
zwy#2$I_^840el&P!=h&#b^dH`nOkB1x_0e)Lg;Trj$6^*|IRz_jQS99&6+hTEiKK|
zc>c?Qu^S!&zu5+ESBNc<?}01_Cx9EH>EGzlqoZ=#>C>l|`!j0Rtf}(z^HnSiA3j{N
zM3>LX5ctj4sg53AoJ<yOX3&k8_~W$GPGi)lQBnP{O`A5A`*;2O_osI4*pfaC9cnBu
ziS5Zh+M=)hT&HR(;VCw8fn)7$fDXg1kj|Yu)4Fx*sD9w?-Mh>EyKdcLulbUfXCzPT
zI!>xyV<G2<#Am9c5*}JP*50d$BJW?HK7FG8f&2FDEBEhCKmGKW8(61K9n#VQPfh4T
z>aUI=@tIJq0O~r{-iYh#GtWGekt0XO<gn$DpPwId0}mWHKv7YVOaP}+J4_RR5Iij?
zRh^|ga&vQI+P61sSpIG3nl)=;Ze%?FrjqPLzm2!vaYAB;DPdXx9B`<u*F@5LT3Q-|
z1`UdBR%y|q+`pSMXAVb>#P*nS=FFKv>*Y<{DEzr6BtBCF;kX7=z@Hsb{MtzUY2Utm
zxzT#%v17*$m6DQD?$3Pap@*XWS(`U+Rv8%?L670Zj*Q=^koZht$+9a9opB|>XihZ!
zx$(vuRXpV8=9c?2t5&V5-hco7h(F`dp+oANbIu8R{PsJvwC)rVpE&}$FsJJsIfgso
zzz;?0PiAJOTC!wGTob^v&pun>&#qCUhI-+J7s`z++_-V0>e8i)k(X&M?VW)gA@G|+
z04qY!k=GnDoQQA6&pr2C6)%N_g{pb;<`H$4mzSp|Oqie+En1|OFJG=+dF2%~Y}hbW
zwQ5yUV>raI{qtQR@S6jmE0nt2i6Y!dFMfVBeHuG<tf~wzzx=X`dr{Y(rPsk+I{ie+
zHvq3Y-iaq2GMc9&^`~CFdTQIYZK|@|dh4wT*R_wU16Qm54sqOfwt%^m#EE(}=E}iQ
z8n8Q3pZfOgs}ezBVWGO{qKguy>sqyHsrmEgtGv8CKgRJ^hp*C}a@c=926)ub#xFuA
z6?KJ+qv_Y<k3X&w#ScIHpoR_|T4`N3Yt~GyUAtB(rBr@?zPj+j3lp8*?F@$}fE3_=
z9rd9lptJIt_~mnmuOw2jr*PMzv8F`oTZ<Mg)WL%XRU#=aE>@2}{<x}Hvu0f5bk$W?
zsa?Bvo$xacA3m&l_wJo2J6J(D_$4~QXFNLCZpa7cncT-*gD!>rH{fWL|K<arr-Q~(
zjVJ=H1`Zsk{9^a+-RhQGZc$lTSrPS|l9Hl&^ypDx7NWw!LN#E(fJ7u89Y=WRfPTvm
z?FZSL=x4?K4Ef;H6rdMoGO*ka+~@td0Xn&2OY}pFl5DWWp5yER7GtiIa%CBaPW@Fb
z>FMdb^wLWV9z59Bh7=SOuwcOg=FgwcmtTI#&Ye3cC@7#&qee7o(u8i^x^dN2SJ9+N
z<a#khMMYeH{q@Y6HH+iNkH_1j9CStGFwqoU^|u|6=}A>|yvlxH7w|Se76kbPW@;cj
z4A92V?DHbY!^}wf$jQl3$B!RZu2EcEtZu&f=6J(~Hz9zz;yfc$z1heFt&?PMYXJiy
zeN(q?-Auf_ulxyEN(z%FPiD-RF=S?D#`@1+7vBfW<+9jW@`ro_v(I-)GPpNH(nVHQ
zmRh-TrE;CS@4j1QXJ^M^13ks}0iB-P#0sEuNdrvPCvTVpgF8Qx9=dn$uEN42k36DI
zKmGJ*#{OHP$cU5#q@Y7`O;p#)DoF^k*-+;@hJ0}Ap{vAJNRJ-jsDNEuTue?*4viZ(
zj^^9n#CwmP<TS-h81zoyP)SDMFAPoq3qm}&Lx_-dxj};lj2Sb==}xX*y_#v$rm<|<
zGS;nIM?pbBH2>@k@qIww6qsNmrHs?m3Lq!sgL_S+Z^+HfrBS0s&UI|vx^+yPIFY4G
zm-6}NpU0YQ=m_wR_&xw<C-Vf*DZ~SNCeXdY&0k6i{rmTKrbFAeZ)fu4$t+*KoK>q<
zao|AQS=iq8CIJDunVbMh??X)0fU6zSfxSCY|68?cr4AoHZ1thu-o1O(!w)~KdiCn1
z>eQ)|OocxKn^z6_-U(+@sp#w=CK_@@NC)=gNPWNh>Z`4E`uzNS_1I&Nseb+XsfG<3
z`Z4L(6Tb)aBPdf3fle8N4-7TrsSplqd!l$-KYR9UYn=Ybkt1sA)TwIVz=5h+vu1vc
z^<m&o;`jf@AVWU)RauSstD(lM3E{v#7^&Z#J9kz^MMXxPzM!B$z4+pbYT&?u>a4TQ
zsxYH)CFB_JPvCmoEa2)Ve=_8Ab4waf`ijcbgNz(>RiC{f8PpV_IQ`Gd%Of>4__{2`
z#l_5@KcAU1XR>P5DmHA`;79czg^q4}37CPGdP+EjOAP(qGCy>C8QhOt6QV&qH&TDI
zv$NH@b?XBCv|qAhiMr{gn^aCtj;d0nieKZn0r)-oRi{ufEe-nHRb@4(hPPZZ(V&+@
zG_VsQ^|xowo`E?1>eZ{&s8OR-US6K6UcI`X`^gDF5Ao@kxZU6c(6Fp6z!7w5=3E2H
z7yxA8RVs0qRPSJ?LVES;<y!+bZ{EzLNt0N-crl-R@(BkI9`xha96*Qi&h++^$Hkvx
z##8{v7IbdPGI`G6tkf?AgZi^b{cPO0vD&?RcS1kuckI}q#*G`7=)3xp<p*Gvw|vYH
z|E&~Ro<2?Z+21Q_*mVXcfagLmun})k1`HUG5U1a_Z=ZVNi6>OQe*IMa`t|(`)OrUP
z0c4BcCXDM1`q^z2HLMZ(nV^Y=?e><?u9887yb38PDeAfBo{QV*_wV1Yo_gvjb?K#-
zsz!|(`8gKr(dpWni?8~^T!Rxp#J2|~YXx5D@St89sef(Sv{6Tn9Emx#_tdFV)sP`W
zRI664{M7vyzym;A@lRi=Z}6~vXEY6b#^40-7l#LSMx_1?9Xd2Br$2uDxSBI(j=Ju;
z>r|UIZTt$*QNTW6BKibBMSL?5OrHKvji!ND7;NAH^mU|b)I{H+l-swAj0`nz-n??1
zzNn~3&6_t*jTkXP<>ch3^z?MUbbJt)?j5?Oi$4a=a)bUgESd(^h-Az@%XJP8>aa-t
z>e8i4nI*YD{P06Hdh}@3ty?!$ty(odi*LS(4!EizK4^^22K}noJL8LrIR+a#Ka7Vu
zqehMTKc`>2cCEVYw%b(Ku3c4)8a4dX<tpF~Z{I1HXOcm`S{_S7Z#CG^<3JOK2DKg$
zDjU_VU0cnaJ6DYxH%|5G(<j!<xv|PxbnW^x#ow$V8*@+YW3Ir|*mFcvjeXFefgKsC
zKc}5`nx6qWCAH-qA^a)U<nS+kiP<*ZG1%C>4((MJ8Pd@{;CXaz{Z#QUt4RSqHRw-q
zrTiOVc*b&}W_&Y(4V*dx{6F+fO;zzLXSmX^Fa1xvdzK#zHhL5GUsL@ypfizqz;N_+
zqu?GN7@h#S#M|(hh8sT2@_}80zu~yQBRQ%kg_*vFedtq{mo7H10^0h}->u$ZUK{b7
z(D0sNANudgG(H1e#M5L4Yz+*0AVK~68h8@uD!vjrx*PVLV&JUGc4Cs@PJCwRDqvG3
z`m`UIg3ccx1v10SBE!D(ei&vk1>9`ez~;r#hXUX=bjF}+;v1poatr+C`mmg0euZ6e
z0nw&&E&>*#!*T11Pb3X#=q%eNeI`GVJ~PaM+3YtK4enPF+WL{#-X`J;Ny!Kc{N?FH
zcBm?_%W#JdqDv{6rgu5*+ky^ZZYTDi)MNoWEI9n@km!!xYr(8G!-4^xT&g|apcANc
zM-plXn*XuDPu}*UV-386EYqFqYjAL@db9hB=(Ns~P(vt92O_)-4M==TIX=yT&aE@(
zc-4VSv2&peQZRq*R}%T>+iJ9n1szoA@>7Cf6E|Ao8~^EdN8huclZ8Mhu{psK8l#_Q
zoA!%c-YV5sdRj8meT)Ru2zD&}=UU<ufnAj^u%yFJi~R|P8EJ_x>_uNe20~ZNRS-H^
zt`r*-4ABz!-V#5!C+N=4wxr|xfTm)LLcmnTe29GMPyfJcH+HdT74UE5PF@I>XDzXP
z1^n8S5?-@N2@i-(3IQ?HBD>#)!E)_6=ofD`D540sRBTfSz~&EGGyx1Zt&ph}DdPap
zUTjqGiTdcYZMN9^$5@aOz5)8}u`Np3ij=|<{5kadmqm82fQxNW&K;I1X0geAkq|mk
z&=0_DvhkTVDJUI(Q)I^@uOl}DLSlHtGTS}^G`CGjJ+S9mutcUI@AQSral2(Ut$^{i
zD(mkSD(f+^VIfX#u<%3ea{_qq6EBU?sk>~O1jdOi3o&vvaLh70E(UtpuDG!lP5_mz
zkRpilTOiN7puALcK>`~mfk(u)g$N9?)cL;#YP+Juv#{rt)XDNkv2me-J^wLF?e;R)
zl=&-56{*l=xvGf03#GUNd&1gJmWi$^^(~7hfdxQKvHPSa1-Q>*JKgNEoz@5TSghO?
z=ul=MImrN~TWp_2z=dHrR8bboR-mK!LekLySZ29x-X9iaPq$prhk&1pPb3W;(eLPO
zw#j!1pmcmtVX`&7<#t<(jY0u`D77C9D?b6w_naWh8=J4twG9`ctJ;Q{;lOj)Rc-oY
zb^*EG_Bk}P!``dG((+me4+m2`!(S0a|F;9b#XycZpQ(mEO}E|tj^RMGU%U);U;q^G
z1-js880Y{jjY9`}fWaYJ^?c}v?fo|F`>!V*8HnS+L%1C;(2vT$&3FR0UsV1laM%%>
zdodXfVA6npIx-;2`{Zcnpq_tD;-cCnIN1OCz?%-)*$OOv<>$wt;5vr}=P3Fefh(oR
zx{&z9mA`bzz6Jx|I%HqFfF>jvEwMXDsJzn4wg+ZZ$DhQN1=yc(wI%SjV>WdN=th##
z6*q1MPJWX;893ciosRRd@BgrP(i`v4UcdB-{{WJlOS~nva!m5k)mUvxK3WZbGc*@l
zxKtgC{XsqD$;}7=48y+EOR+rGxZ0AF^8Nwzcc3LU(;a*BPDCU3iQAvZZ4OTY3VqjZ
zI#2uf0Q&iR!+q?8J%wqdtbKyH)A4~-z;bl*1`{iSX9DP-se~$B(7Eu79Ji0ZAepKw
z<lYcW0t#4-zKc%_P<KIOWez$f;HSX+kl4iE1GWcexj!TWUJ_e>H&8DCz0C-qKhFlx
zj~d<q+3FD4!7QXuO-$SqqQO_d59mUw=lZC#KLyZ_Kl#}HcIZ&???N{A)5Q7X<2NBQ
zgcA7-ou<5Hg7p<dO7@2m+~)egXkb-H$NFj6^H+{rLvZj@(Y^W-U=+|S0lMlFK$~w(
zKsy_wAL%T>%@~kq<qzV%iD5806jg;>)_9+==Mi7s_YC}vfiDKy#L=!aZ|n1W^mS=b
z$j7nRTa5_`q&ILN2_}IO`Nlgqx&xgZCfd{EKl<3FH==Aqb#$Q49l)#j8=Yulc<)WF
zIF)OAlU#HV$QemE0Uq?W3oC(-z12d=qo2|=L8tdhbRGkRezfx8N&i0`{Ya=Akmr5v
zkfeuR`+*_e)<z}(pJ?n&0$pTL#6e&!`f2qBbmiF3fIpM?N;2Efm2>KN+kiISseNbc
z&aW2~n?0R>CaUnCO!Uh%B_d*hEJojEIESlINypG(p{eNi`Et!7m|_b0G1x&-g&D5!
z_FnQyBog#t->=2}?4S)gpS>8SND%TRaDlj;T~tRuR1pIe@l)PL>PcG7&q=O(XOZBR
z{Pz)GfR+$2t$+{2Xhjkv+X+vhn4}>c_#IFv1}stunSs3tV1+2i0X`B#7Ku^5_HLMj
z5KzTi4HSrBixBxC&vbOeqYyIMp`*6M&_&9UE$AoJLWoHPeg*6mgBS7S2s#&Kb#ag6
zp$<B3;Fvf-Qp;?hg}6iV(h+!993kms1Mo93f1!j+(eLcVIl_OsKZ?ZXOAtbGJ}?}A
zs_TlF&#*LB_W44;{V<9E00CP`L_t(ER6*yZ-y)9VyzE1#n9mZk7UG!*ZUQ!mBRTnE
zZ;Uv;kf^P}<wy*H3$hWNj5I^cR`7!!=xjuCeQ1vq0dvvi(Iq>S5C{#?;l<m<0gcIi
zU?MugQxJ@h4*Ul?NvXU%3?^3p-@q@B6Mexl>Z0r1trSP~Wp6*8#Me_41Yc<BZ4p+9
z^TsXP(A9{~7jyClIWP%sGPn#FfKFpxO;l1YYk}82`AF0u6F}I=L_az0j}AX>mgM@_
z1H6ZRkMXYesV~R`kTf(0dU`8^9zffW_jd=d99`$|U0^+@);APn0!UiwqsxPL20D3P
zTR1vad%Y$7O3&$6pdaH1G64uNkd1z}+z~h%T?nPMw|%f7P4&0v;+UU!pXi@>vRj5u
zCIG=ds(BMZNwwalKrK&ddS7dw^lz$D@gd|Pbd+NW`M_cC{~z|8eY@xIo6!%Zq%NML
Z{D0)^#MDO@PQ?HK002ovPDHLkV1oHy?vMZg

literal 0
HcmV?d00001

diff --git a/Gauge/src/assets/img/wrench.png b/Gauge/src/assets/img/wrench.png
new file mode 100644
index 0000000000000000000000000000000000000000..5784ffaf14df6f1dd671caf0d38ce4a80bb66c3f
GIT binary patch
literal 3687
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

literal 0
HcmV?d00001

diff --git a/Gauge/src/components/controls/controls.scss b/Gauge/src/components/controls/controls.scss
new file mode 100644
index 0000000..0c1134a
--- /dev/null
+++ b/Gauge/src/components/controls/controls.scss
@@ -0,0 +1,30 @@
+#KH_CTRL {
+  height: 80px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+
+  .button {
+    border-radius: 5px;
+    border: solid 1px #000;
+    padding-left: 7px;
+    padding-right: 7px;
+
+    .icon {
+      width: 30px;
+      margin-top: 6px;
+    }
+
+    &:hover:not([disabled]) {
+      background-color: var(--buttonHoverColor);
+    }
+
+    &.d180 {
+      transform: rotate(180deg);
+    }
+
+    &.d90 {
+      transform: rotate(90deg);
+    }
+  }
+}
diff --git a/Gauge/src/components/controls/controls.tsx b/Gauge/src/components/controls/controls.tsx
index c38fa2f..ec8e381 100644
--- a/Gauge/src/components/controls/controls.tsx
+++ b/Gauge/src/components/controls/controls.tsx
@@ -8,6 +8,8 @@ import {
   VNode,
 } from '@microsoft/msfs-sdk';
 
+import './controls.scss';
+
 interface ControlsProps extends ComponentProps {
   containerRef: NodeReference<HTMLDivElement>;
   reload: () => void;
@@ -16,14 +18,14 @@ interface ControlsProps extends ComponentProps {
 }
 
 export class Controls extends DisplayComponent<ControlsProps> {
-  private cycleRef = FSComponent.createRef<HTMLButtonElement>();
-  private toTopRef = FSComponent.createRef<HTMLButtonElement>();
-  private reloadRef = FSComponent.createRef<HTMLButtonElement>();
-  private switchPosRef = FSComponent.createRef<HTMLButtonElement>();
+  private cycleRef = FSComponent.createRef<HTMLDivElement>();
+  private toTopRef = FSComponent.createRef<HTMLDivElement>();
+  private reloadRef = FSComponent.createRef<HTMLDivElement>();
+  private switchPosRef = FSComponent.createRef<HTMLDivElement>();
   private buttonName = ComputedSubject.create<number, string>(0, (val) => {
-    if (val === 1) return 'Move to INS';
-    else if (val === 2) return 'Move to FE';
-    return 'ERROR';
+    if (val === 1) return '/Pages/VCockpit/Instruments/FSS_B727/KH_FE_FPLAN/assets/img/compass.png';
+    else if (val === 2) return '/Pages/VCockpit/Instruments/FSS_B727/KH_FE_FPLAN/assets/img/wrench.png';
+    return '';
   });
 
   constructor(props: ControlsProps) {
@@ -50,11 +52,25 @@ export class Controls extends DisplayComponent<ControlsProps> {
 
   public render = (): VNode => (
     <div id="KH_CTRL">
-      {this.props.page === 1 && <button ref={this.cycleRef}>Prev Page</button>}
-      <button ref={this.toTopRef}>To top</button>
-      <button ref={this.reloadRef}>Reload</button>
-      <button ref={this.switchPosRef}>{this.buttonName}</button>
-      {this.props.page === 0 && <button ref={this.cycleRef}>Next Page</button>}
+      {this.props.page === 1 && (
+        <div ref={this.cycleRef} class="button">
+          <img class="icon" src="/Pages/VCockpit/Instruments/FSS_B727/EFB/Images/get.png" />
+        </div>
+      )}
+      <div ref={this.toTopRef} class="button d90">
+        <img class="icon" src="/Pages/VCockpit/Instruments/FSS_B727/EFB/Images/get.png" />
+      </div>
+      <div ref={this.reloadRef} class="button">
+        <img class="icon" src="/Pages/VCockpit/Instruments/FSS_B727/EFB/Images/cloud.png" />
+      </div>
+      <div ref={this.switchPosRef} class="button">
+        <img class="icon" src={this.buttonName} />
+      </div>
+      {this.props.page === 0 && (
+        <div ref={this.cycleRef} class="button d180">
+          <img class="icon" src="/Pages/VCockpit/Instruments/FSS_B727/EFB/Images/get.png" />
+        </div>
+      )}
     </div>
   );
 
diff --git a/Gauge/src/index.scss b/Gauge/src/index.scss
index 6e56773..fbb3190 100644
--- a/Gauge/src/index.scss
+++ b/Gauge/src/index.scss
@@ -1,6 +1,6 @@
 @font-face {
   font-family: 'Consolas';
-  src: url('./Consolas.ttf') format('truetype');
+  src: url('./assets/fonts/Consolas.ttf') format('truetype');
   font-weight: 100;
   font-style: normal;
 }
@@ -9,18 +9,15 @@
   width: 10px;
 }
 
-/* Track */
 ::-webkit-scrollbar-track {
   background: lightgray;
 }
 
-/* Handle */
 ::-webkit-scrollbar-thumb {
   background: gray;
   height: 200px;
 }
 
-/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
   background: darkgray;
 }
@@ -37,13 +34,6 @@
   font-size: 25px;
   padding: 3vw;
 
-  #KH_CTRL {
-    height: 80px;
-    background: red;
-    display: flex;
-    justify-content: space-around;
-  }
-
   #KH_FE_FPLAN {
     height: calc(100vh - 6vw - 180px);
     width: 100%;
diff --git a/Gauge/src/index.tsx b/Gauge/src/index.tsx
index 96ff65b..79906ce 100644
--- a/Gauge/src/index.tsx
+++ b/Gauge/src/index.tsx
@@ -1,11 +1,12 @@
 /// <reference types="@microsoft/msfs-types/Pages/VCockpit/Core/VCockpit" />
 /// <reference types="@microsoft/msfs-types/JS/dataStorage" />
-import './index.scss';
 
 import { EventBus, FSComponent, SimVarPublisher, SimVarValueType, Subject } from '@microsoft/msfs-sdk';
 import { OFP } from './components/ofp/ofp';
 import { TLR } from './components/tlr/tlr';
 
+import './index.scss';
+
 export interface NewDataEvents {
   newData: boolean;
   position: number;
diff --git a/README.MD b/README.MD
index 0a0c675..c372393 100644
--- a/README.MD
+++ b/README.MD
@@ -1,7 +1,3 @@
 # How to export a package
 - Run `pnpm install` and `pnpm prod` to build gauge
 - Export from MSFS
-
-# TODO
-For sure:
-- Icons
\ No newline at end of file
diff --git a/rollup.config.js b/rollup.config.js
index 4361ce9..71369e1 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -33,7 +33,11 @@ export default {
     typescript(),
     targetEnv === 'production' && terser(),
     copy({
-      targets: [{ src: [`${inDirBase}/index.html`, `${inDirBase}/Consolas.ttf`], dest: outDirBase }],
+      targets: [
+        { src: [`${inDirBase}/index.html`], dest: outDirBase },
+        { src: [`${inDirBase}/assets/img/**`], dest: outDirBase + 'assets/img' },
+        { src: [`${inDirBase}/assets/fonts/**`], dest: outDirBase + 'assets/fonts' },
+      ],
     }),
   ],
 };