From 9fdb6ee7c90697b78119cdc040c9f7a013db32b9 Mon Sep 17 00:00:00 2001
From: ZitRos <zitros.lab@gmail.com>
Date: Fri, 31 Mar 2017 20:33:16 +0300
Subject: [PATCH] Show compact view control

---
 README.md                                     |   1 +
 package.json                                  |   2 +-
 src/static/fonts/iknowentitybrowsericons.eot  | Bin 7116 -> 7496 bytes
 src/static/fonts/iknowentitybrowsericons.svg  |   2 ++
 src/static/fonts/iknowentitybrowsericons.ttf  | Bin 6888 -> 7268 bytes
 src/static/fonts/iknowentitybrowsericons.woff | Bin 4548 -> 4804 bytes
 src/static/index.html                         |  20 ++++++++++--
 src/static/js/settings/index.js               |  29 +++++++++++++++++-
 src/static/js/settings/values.js              |   5 ++-
 src/static/scss/icons.scss                    |   6 ++++
 src/static/scss/interface.scss                |   4 +--
 11 files changed, 62 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 09496a6..a5f4cb6 100644
--- a/README.md
+++ b/README.md
@@ -53,6 +53,7 @@ represented in the table below.
 
 | URL Parameter | Default | Description |
 |---|---|---|
+| `compact` | `false` | Hides interface controls when set to `true`. |
 | `host` | `http://hostname` | The host name of the server. |
 | `port` | `57772` | The port of the server. |
 | `webAppName` | `EntityBrowser` | Caché web application name. |
diff --git a/package.json b/package.json
index bd9cd22..f550f92 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "iknow-entity-browser",
-  "version": "0.9.7",
+  "version": "0.9.8",
   "description": "Visualizer for iKnow entities",
   "main": "gulpfile.babel.js",
   "scripts": {
diff --git a/src/static/fonts/iknowentitybrowsericons.eot b/src/static/fonts/iknowentitybrowsericons.eot
index 33b60bf5b3458a5c9952447d7adeee98467efc28..8bbf517361b3aec2716ddfc8aec8f6ac04e71022 100644
GIT binary patch
delta 810
zcmY+CPiPZC6vp4|?9Q&Kkb^NzlTDgdk~9=4-L#3s23tvE!Aeo9jVK9A5-XTLtMO1h
znDn5a#Y0$69z2LA4<ZyP6hRTC9twgW2BP$$H}OyvJP7ekQgq#AX5M@Ao0;$1+0EFS
zIGgbT<kbd?irZRpzA^bUmr^qT>I`6aBsraeSzs6rVeX$hIik(A&OHYpY0OXOO1g3X
zwLXmbFKjm#^{UZs14Z7C^U7lJ>iP7kl@9>)1%Tu8g@T^%39hf0Y2vLd2-CRc3391o
zC8y7xIQ|&9I_8rleaV1}(7^cvnET6msc`SsmuCR3hX6v#s8p|9T7z8x?ytybK#;;V
zpVYRq_KBa+BVYmGy*RO99R=vr6+W0h$bQmq4hm<<lzCk^b2I?lBTCq5YG+q~I#&4p
zDu|HBQNg#n{b9I<Zuv6>I*-~PF-F#O(q+NxGnc8)T%(^vo6B~2^{#klPfdUT1W1dt
zzymRWn8Qwboer4|lfhtujK!i_KZ!*n*gIo;u|7CLWVR3c;P}`f5(*-5kZ8`|G!vF2
zNvSI~N!~4ovy_U|Pq(beKja;y*)U>~t%fUbT{uIL{%(oIzX&=I@JkGlCTW5X5&!`%
zglqUu$#_>vue0lcGiV~zb-@kn*dQP=S&>j8p0O~%&tVLeGg)d{Vhc1tzo9b5xGUsE
zq$EXVk|eKNVrF4r)#o}!Xaq*ha$j7CjGB-7w(xRqyW=A95Y>F;eracgB||Ugm0YD*
d)Qzfn!{ZP6@V3N`W9+*3y_tCMmM7MK=MQ4Kk+A>(

delta 440
zcmX?Mb;g|Sj5Gto3#o~0W-P13C+AIc*qUs5ON4<z>I?$|gN(b2s~dwC0~?UP2FO?N
z57syG{~fcRfq^js$PY`-O)O~mn~((Le*xmU^u*$V|Nj}7f$En4<vG%GD$@*S-d@MR
zz`TKhLAWO)H8F)-tio|}1fy)dK9d4a4^W)JDJMTU(aFl)2B@wC$hXN&tSDf}WS9t)
zw*c}L@)C1XXHI;&n}I<bsD{a{Aiua|i~l8S1_sF%pc**_MxZJn&YLX0DxTlwD+4zZ
zP=JBq${*=P$TSlJSeyeyP5#2D%P2cpi7A>fadI6~q&-L>(B)t(12&O?p#sPQnJvS>
z!Vm+b*?=@7*pMoqKS3Z7N;6JYVs4!LfmvblVdlG=m$38-Z|;=zVq`XAFr9o&%8JX#
zRM%M7$iUE?Vd6%E$$nCjlar<UfcAfqwwi1pb7(S?th_qNRu-U{5XXb;WjJHI=sbu<
G_6Y!;p=H+q

diff --git a/src/static/fonts/iknowentitybrowsericons.svg b/src/static/fonts/iknowentitybrowsericons.svg
index 7bb9054..b645fbc 100644
--- a/src/static/fonts/iknowentitybrowsericons.svg
+++ b/src/static/fonts/iknowentitybrowsericons.svg
@@ -33,4 +33,6 @@
 <glyph glyph-name="download" unicode="&#120;" d="M384 128c0 5-2 9-5 13-4 3-8 5-13 5-5 0-10-2-13-5-4-4-6-8-6-13 0-5 2-9 6-13 3-3 8-5 13-5 5 0 9 2 13 5 3 4 5 8 5 13z m73 0c0 5-2 9-5 13-4 3-8 5-13 5-5 0-9-2-13-5-4-4-5-8-5-13 0-5 1-9 5-13 4-3 8-5 13-5 5 0 9 2 13 5 3 4 5 8 5 13z m37 64l0-91c0-8-3-15-8-20-6-5-12-8-20-8l-420 0c-8 0-14 3-20 8-5 5-8 12-8 20l0 91c0 8 3 14 8 19 6 6 12 8 20 8l133 0 38-38c11-11 24-16 39-16 15 0 28 5 39 16l39 38 132 0c8 0 14-2 20-8 5-5 8-11 8-19z m-93 163c3-8 2-15-4-20l-128-128c-4-4-8-6-13-6-5 0-9 2-13 6l-128 128c-6 5-7 12-4 20 3 7 9 11 17 11l73 0 0 128c0 5 2 9 6 13 3 3 7 5 12 5l74 0c5 0 9-2 12-5 4-4 6-8 6-13l0-128 73 0c8 0 14-4 17-11z"/>
 <glyph glyph-name="close-table" unicode="&#121;" d="M0 491l0-470 512 0 0 470z m469-427l-426 0 0 277 426 0z m0 299l-426 0 0 85 426 0z m-234 64l-43 0 0-43 43 0z m-64 0l-43 0 0-43 43 0z m-64 0l-43 0 0-43 43 0z m86-297l52 53 53-53 30 31-52 52 52 53-30 30-53-53-52 53-31-30 53-53-53-52z"/>
 <glyph glyph-name="question" unicode="&#122;" d="M293 119l0 55c0 2-1 5-3 6-2 2-4 3-7 3l-54 0c-3 0-5-1-7-3-2-1-3-4-3-6l0-55c0-3 1-5 3-7 2-1 4-2 7-2l54 0c3 0 5 1 7 2 2 2 3 4 3 7z m73 192c0 17-6 32-16 46-11 15-24 26-40 34-16 7-32 11-48 11-47 0-82-20-106-61-3-4-2-8 2-12l38-28c1-1 3-2 5-2 3 0 6 1 7 4 10 13 19 21 25 26 6 4 15 7 24 7 10 0 18-3 25-8 7-5 11-10 11-17 0-7-2-13-6-17-4-4-10-9-20-13-12-5-23-13-33-25-10-11-15-23-15-35l0-11c0-2 1-5 3-6 2-2 4-3 7-3l54 0c3 0 5 1 7 3 2 1 3 4 3 6 0 4 2 9 6 14 4 6 9 11 15 15 6 3 11 6 14 8 4 2 8 5 13 10 6 4 10 9 13 13 3 5 6 11 8 18 3 7 4 14 4 23z m109-55c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph glyph-name="expand" unicode="&#65;" d="M252 210c0-2-1-4-3-6l-94-95 41-41c3-4 5-8 5-13 0-5-2-9-5-13-4-4-8-5-13-5l-128 0c-5 0-9 1-13 5-4 4-5 8-5 13l0 128c0 5 1 9 5 13 4 3 8 5 13 5 5 0 9-2 13-5l41-41 95 94c2 2 4 3 6 3 3 0 5-1 7-3l32-32c2-2 3-4 3-7z m223 247l0-128c0-5-1-9-5-13-4-3-8-5-13-5-5 0-9 2-13 5l-41 41-95-94c-2-2-4-3-6-3-3 0-5 1-7 3l-32 32c-2 2-3 4-3 7 0 2 1 4 3 6l94 95-41 41c-3 4-5 8-5 13 0 5 2 9 5 13 4 4 8 5 13 5l128 0c5 0 9-1 13-5 4-4 5-8 5-13z"/>
+<glyph glyph-name="collapse" unicode="&#66;" d="M256 238l0-128c0-5-2-10-5-13-4-4-8-6-13-6-5 0-10 2-13 6l-41 41-95-95c-2-2-4-3-7-3-2 0-4 1-6 3l-33 33c-2 2-3 4-3 6 0 3 1 5 3 7l95 95-41 41c-4 3-6 8-6 13 0 5 2 9 6 13 3 3 8 5 13 5l128 0c5 0 9-2 13-5 3-4 5-8 5-13z m216 192c0-3-1-5-3-7l-95-95 41-41c4-3 6-8 6-13 0-5-2-9-6-13-3-3-8-5-13-5l-128 0c-5 0-9 2-13 5-3 4-5 8-5 13l0 128c0 5 2 10 5 13 4 4 8 6 13 6 5 0 10-2 13-6l41-41 95 95c2 2 4 3 7 3 2 0 4-1 6-3l33-33c2-2 3-4 3-6z"/>
 </font></defs></svg>
diff --git a/src/static/fonts/iknowentitybrowsericons.ttf b/src/static/fonts/iknowentitybrowsericons.ttf
index 66d06247407ed3ca5ba1cbe9ee1909ecf4cc795d..6408ce9a960dec0eaef53331f9c26f1006bbb1f0 100644
GIT binary patch
delta 818
zcmY*XO=uHA7=1Idf2K+g#x!l$G_59S=pi(1no<+B(ni6S`crL1X<5?PfJwXBBGF6Y
zMbP4*?yUzw5sy;nK`4SEXfA@Fh=D5gP{D(EPy`P`{Wd9f-DPIJH}k%4-kX`Pv5np$
z7=T?ULEuCxH9CAXrB49*F`Ctn4h*I+1ckzO!v2xdk?6?Ug=YX8Cww-YH_Ur4jSj-U
zsok75=FH7ass!Cn>)Leg+QsoR3m*XS9B^-BGsaY1aCL#!K2qz+W-~=Yig1~d-88X3
zo1ZUeV|<YCGT~HiHf;=@I{BCiln5Wr8wC@Wut@8@g#9x{KC^V|%TvJn5a20uc5eRi
z6YKz*z7Z!{HAe<V2ckbF>l43F$0-eXFD1&gktfP`S(3F_2ibYnZ!NKN#{;m<(w19I
zuU0|zi0s4CAz_L}js9A>Be+hs?XMq(9c|k7h-*dp4ZhcBEpngrj(?I|Ue}eCWpQVB
zkt2WrTVrczMjVK{>sf=xttuU?Etq88@t$Z4i}!R<?}_iB`L+mCm3`C)W8H^XC`gP0
zEb93qCc?5TYbDJkt2@>3q!5zui*+a1ro0tmGE6ktRiq5c3r`4Q|8&ICKMFbEbQ0~X
z!Yc3~2?T5*wub+d#A;F+JT(tChfIWOE^Gr^HW*|@)nt-LdyKW(`zQ)2S5&#;h#jO>
z@tu?@itUQ{60u}WRb*LRb;OE;gO$F9VJ5oJY2Ehr@vctmm3N&k_fcb?#G09IeQtbF
quVf0QF*Bv5XLC8joU`sX`9nUsEvf35y4roePCj^JgYCDHDE|eXN|UJo

delta 412
zcmYLFJxD@P7(Mqr6T$wV$n?F;p*cw~#LP%aK?;K+iiEnE`2zny32R7$#v1HSHcBlK
z5!lvHG&e<4Ke!Y$M@<#>X+al04(FclJKsI`+4btog8^tk0Wzli{+Y>j=Y1z&xuIJ%
zFgET-5PIS##BHHzyCd`&z697D@!3d%rwiXp%f#QQwqiV!uGPp1mP67FvG~U7K<VKW
zkk5dQT`kI2j9s}=(jKV>H7%OwI=j?F!?YBAS|Xb>*d-fr8h|gJig2Gh;30!7aZiHh
z(pW>0bQf`3k|(02;>!hKq8`bgPGz#^q1z$AyhA<KMmP$X6sF_FHqQr)5{&_OUrPBG
zC8fO2hFOpBvIWM)0h=GG3lyPIYQq7@5vzZc3LV0PdP0V}*(L?9AO43-c%^O8F55&^
vda7K>dmWXd?jVyLaEdpxTXHx>zokkGTNSsMP_Bhl?PaR)s+Q*eS1IKmL=s<J

diff --git a/src/static/fonts/iknowentitybrowsericons.woff b/src/static/fonts/iknowentitybrowsericons.woff
index 3a6a69c4cb071de26dcc4cec303c1a44c0cea764..111f80cd7912877b901b7ce132b64b81e4a22d3b 100644
GIT binary patch
delta 4712
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

delta 4454
zcmW-lWmFVS7si)eO1eQnQo6fYx=TTnUb-7($)%U>?(Pt23F(kd0V$<Hx{-MI|IRtj
zhv#?C+&lNqr<nnU0eT`YO$7x_9UV;o0Dl002|z50ltdyr7>*DCK-@_BqRXYAprZ}|
z;7TDv<OorI7FZ!tl#^FLFhhiYgAffs34pAr&Bcpgeh9CK5Jc;Zafi91sSAP)AiM_v
zfE3{NQ(M5s($oR~z!OF=7K8*bNubg;2#8<^4j@D5Ei#M?2(oeXfFj_32{{oGMdbie
zI+{We3Gr$W9`*mC&;mG_I$9!F6QTeD0TnV6cRF00-4O-x5e$Hb5DfqXK!WBBe)4xP
z_~{8txgMcdPR&;1QWBbo%dM0CB09MUwfUzw{Y{E*T>VDz{V$knItPxt-q&m88AjVg
zqS4z?uk~BsM?8kaxa;344d%-#!9J=S!!Rr|BAWicNJvpmn7|V0R?eQo-}nVVC!LC8
zUz1i|PTu=;o~~bdPD$*oZdeA|IhO;2dd#1g!o#-`3qQfw?|nRkB}pQ0;Bfd*g%kyG
zLH7o<rMAIYbqm(;+0p>e;uz$3EGAk}-*q)|3OM=P5(XgG=r8O5ZT;$CIjmj_+JSde
zo}AQ?QWZXr5Xx%*s^C1ttu&fXo}ZidsyuxME-@}KE{oGrtTeU@jC${Cmy=a+ks^~?
zDcUU8rRmQ<4JHwj5EpMNhmE|DOTMOvri=~$_l0j7OawbPrY4KH8hE&YhW_qWx*N!I
zf$@vuwO>+F9Ug-PNg@Xy;Bm3EuIvP{iuAH0V1lDz;&8O^VLB$b)_kOmh0C3eMa`)V
zKSAsjRzBt7Ysr;4cmAm7B|f}^*k+%ZXLJ9Cyx(`zfXRndUo%A$>WJ0hkXv_ld6a=b
zB4*@m01P=LkbD~G(}SLY#0Ejjk>b(9NCBnxSQL<FV5p&40h^_AeL8nWTBM3&?f<27
zptXj!x*UHmj-P!h#Pd#^r&f{lDBT*Yed%z#V*4kSzx14Xym*7#tpa|$>!*(o6<ZVZ
z0)wh*NIK)+1Cr253TQ~bj4she;%$Bbb5u*&!K8_G<Oj<j@W-kr>CRC+rQ5BAk#ef~
zUCfOEwy{|&<4=2G9i1m!*+$tDPI<lsYbWh!<j?XaT%Wo#|EZQaySy0xGFYV;GI5}S
z01o^tN2Hu!V$9x)tdbISoYdcB<0;7#hFU{b-njQRI^8pZEE`h1E;Mwf?jB!{M0q=y
z!AKaD+&Pe6OTg#uleEt7*|c~m9enUvOXiH+xp)iKwgN%+y=ceVL7+n4bq43KTOY4u
zDZC8^lb*6%-D$tnn%Xcyk(Z)=@%7)5%i}y9q5<(76Q{`3CF4&TXGpV>UZjgAh0H5C
z@_7%~6266guhxUyAN`yJ#nJ=lMUrzwU?L*AQ6!47res0yXtU^N{#JSr7(7@AW>IV@
zB3X~mm^BgQiicf|@*T9ZXO2x`Vlp4TzwcwepU`d^6fwh(+T14*TnnP}`DuH_-67@#
zo_UrVE+f5dJ<eaf>uv462A#ePG3BqeosUjx+)|tvqy7yZqzLY{rA+9O#t~NTfib%F
zBvHcy7ld<&*hhgE)deVNR%B&``Vhj~h0kA3hQ|}rC9KvrzmGUnG4cwnh%Y2D)VQ0!
z1uF?DxJ7Sp^K0H83*Nd<eJ0$=&iPi?O>;IfMGvmp^9!JI>?}5xKh8TQse*+g9d#dm
zw|ENo(dIj?SxZwhHS&&r>RvJU3#(XfU8l>9Wm-GJLjTGfRnp$to}Tu$kR}jN#A>&F
z^u1JGeX$o=cE&Szd}=1ksREU(fRsPc&!xwIgh9CMpLw{DAXw!ni4Lgg)cM1&tGJQp
zujqQ~Kh?)@VK32Kl~PT2*NA>wHi67Kw>d5NHvtK~S`7^YPa4mR-KvAp6qqOZpMj?#
zf-=;*p!j=~?F4mI`5Ao5HE#AX9>@M!kA-?p$=p8D;qoGD<zA-rM|Qg3(pd|a`o{Es
z1$-pNTyYvDBkVaw{AjrtN@qG#(mw@-rrYEU$q~^`mChZgNiw;hDBsxQ?iT7O6Z3se
zL-)o%7?n=D`H_)cw`qA4F9XXn=1Ojm1L|4Ya@6m|bTXq;rtj$mCClYEO&2w~X>T<$
zMII*G2bd+N%CC^T8BL7vPcYUDn5Ztbm%i$*%BU)yu(^!ewP}&oMMczIDF`uF*JWhN
zEi!G6sx>KJxbmp$6OkK6UWm3>C=)<YO|EMB;b^@DDGp(|P%xY%h9v>h0L%8=<i~_@
zq?T8qHRw@V32)tM;Ku$t57mKnsIQFv{V@Heb(V&7=JhkaCaFtv=3uT^#g6qu>Rx&E
z_IJr_=3*gB*_jBd>6!Z);`FTxs1=<=;;c_<PS%9^<E~0(>VcQldTy?ex>=_DFt1}{
zUshTj8wr`*{5y1;eOP8GgZ_uETt+Yqg*3L~BMk`T6+=@a>(0wYf~=e{)clIWVEj8i
zeVM{hRot(WOrtEC^fX%|ZLH-pGo+MN@2x+7gMk>&6Z2Lvw#~=_Gb2g)kH}s|W&S32
z2K6Iyq#Ke|%28@;Us>7qB~d7(KiYd(Z#k21n9He7>xn0=1jE?Ti$;`d`Z9s8UIJdy
z?o8OhtcP^%?fHvxMuG-G)et=2dn~8?j<GfQ>~J$>L6X@zO&$r%qPM2u50NYtNt|{l
zYhywS)6Kdv1YGp4hVK)D+rVzEJg<B^w|72%j;c=FE!?He+8PkwrYYa!h-1f@71VV?
zQ-PT8FvdEbV8dSUE|O)>lR`+D?p|^BmtESX5n9l2arCWxe*xA07K9icWT3O!@5aRJ
zSu<b`LtN;h9L@0J@b}qpC*}8wqBEnv02*(WD}~C+CWYO7<T?Jxh;4XuWDuULW*5Hr
zT@7%pV?7-p?P`i<wXRYP`S$ZTSKYUOA8LdiP-Z6;dSL#eUf8;IHYwddCAOy*WZ|~T
zod%;G1i8iX{{6PwhljsE)HtGicc?UW%+4;p_B|paFzhN{`5iYQZ~G?9TLmMSIkCS2
z)!t}q%aIx?f3iWoVF3k2F_J*h)bao=)4qx}$#C&0Og|jt<j(7<7>A>l+CPdq%Oo@7
zmrXw~*kK<bm^H><Mo;Lm$}uFdXG!$ss2OcL3L2@f5trs2fcmJ=kuPLot%l@Q5i$jG
zZrP9TRJ>#qhOT7Db3<ouWfi0qJ{v`9raUHaE`>YRX1gCr46%|?sQ4A_S=;Cm3yt4%
zdn>wM_Dp4rN&LVZ?o)#9<Gne#XG1r^sqaB!gRxn760_)XJ}3LN!>>-w%8o9~iqa~u
zS<5x(o8Nj97!T^p3~#w~Qq>Pn$#!Yf8QRt=yS}8h&lh)3A4N*W6!kOvSQ=d|c+TL@
zzO*s<9AFlmvb8my@5LU+2o^%dlXkBmBt&{__AO=ro48V84DXF1b(9UYj=Iz+sb{8r
zSYTT77CA0tbemj}l*hAKJdn=Dd-j%`4_ifgGC@weU`MSmL19#)mmebdL8))BH>yYj
zWOb!@!WP5qJ#&~23tM0S5&luJLDnE13UlS@-*G=Ddug3CF)N@g#4^556ql+^4DuS{
z>PKOgeaFHYr!Ui?iV8I7Z;)^~O8NU0rp#*fq5gpH;q^6pLVj4!kf%+W6RiquKDZr!
z(D=mgNdRQMymB{xr_&c#xPaM9_IAnD!2xJ?M-`lr+jDSE9{p!EY*VjdS$pX(dCp+5
zd7Eobh!$!!{rg1kysMkp^OaAYP5k<l(k>$C{e2??BLkmU@#C4^n=ie=cgg4}fbkeo
zvBc{PA4cl?2{v;#aJy=J3cdVd@$BK|>Q)zE6~`<&FxVHWNORDxwjuEopWK>Y)I*$l
zDwn_vor%C_R%HdstC{4%@X^w`?RCShDQ1_|#1h}&p+zaL9*5b_s)GnV&fc)`_ICs)
zh2F*rDJ6~J7F)oMPS9e%*j-O@IV=nUc_$3t<tVY*YL@e_iLy$E$4cYUVivd0{Qbn5
zN7FTy;gl0hY?6X3XEITThmN7^`?#sM71`1|?Xilr+($XMqr>{adL^sHihpW8D?*`h
z!H_{BlcmhTFg{NT580Kcmton0Gj-BpwvzI5dng&4EQj~cU|Vv|_<RJe8f+0sQxo^t
zXmE3~^ia)%vpeJ2)+Z8-8|^ariJ2?Ky1H4k@@G}!k_q=@FI`>J*o3dZhfiRqk>{sg
z-JB*DS`m^f)tW`tGH67YK8o&zDoZ=r#UWdsasUH^kTa^m!iTv>*+a8wuDbVZfYImd
zLiORra%F1f=c04#m@>QdX4q6i+v?=*juwvV91a+yLsvOrz3QYtEkCe9wvtv!_><zm
z!{p9cp$|my&MdDnN^EVckWOac4SE$Gkha?`-}dudS)lSbkj+)x%-DIr!0Y2t2C+e=
z_bHuFZBHwywckHy$#0p%{o`#jlJV5wtY?P29f2~GCGX^q_ze8iA+S93+zG2tq7oW&
z3)Q!7mG=S#dYhP!qA{@DNrnL;H7>bxL3@xfV3CVfvx9_QuM;kMV;)l&?>X}`LhQz$
zdeetO|LjVr;|8wP#Jm>9U^Ky5gZ>RhM5iQUT_kh@Oc;{$?Qi#gY$0^G`aaec-I{OD
z8BRXcUOf(54LISFft`%mkK5OGQHWme56xL-fvr)~>T0PvTbd%`?W05BICWIyl)_N#
z+x@5x;`--{p@o-WFX!j4X!7-2gC;ZjAFX2oZ-1UXeMM6qQNN9UJu;RvKr9@o7{e3=
zjBi`{1$?!Ymi{P|cL)C-F-p@Mkh-K5dM$fXw_S>t66@BW17kOz;E(!d3pEH&m+2&n
zM1@o9j+wrdrn0<{$(yjW7{%noMgM^jnN!>~v3RxIx>5Baq1KxsJgDA~>cH|rEt^GH
zeYI!o8GGaaIOJD;?(ixtL`-z$CieNd1zy(T>7l&_lS1jDuFET()P7O&CxX(Q8SQ72
zU2)GtcFC@KVGtDjc|$Aw_2B5#K@o@OomTF6h-+WJt|hLG;}fiH`<E7-!P>O7rjYE!
z^jz(pwG+DHS-bmDZ9KT!(|%*P!|U`{tMBdbKd0kW47U57yZgJanfvF5bDw&`aPF(!
z_~CzB#l?5Rd8a7i+x;3`lQ&cG#!@Rgj~F#QU){R{ObaE!@$r|Fyfq26-*F~Ns%-*T
z+qbd{=aMTkGe-}v;%Z;e*jCjX0ni+C2n1pQ2<B^vo($P%gO!l>+5ohi(b53_k6Az<
zn;^4SsCW=F2(k<djTO=*834rwpq^}t#{*Ncs4(+8dqE1JB1|G5`XwcUg#H?7MHnLh
zv9~#P6g!X`3z_L{=)Z3K((^)0xl0HT<;;}9zVkvK(<V<(YjtIiWe>Z08iP2`Vc7fI
zz|Dom>tT%({m&+|NVNDouUJH0qYyI)U~@=-=m{Ie_162SOGPy)Hc(B8m~8WiKZxlG
zIf7&69=$G^j6`nG$Np;uabUn7^aTO0t$W9AUKc)|z@Aj_Y;=MxBkC7nv``>`;w}0b
z;z^xsfe(h2paS$iB5NQlKnwA6@L$Wd3B7he9wK>Xk0vG6bkA(ueXPs~B16)Hl`xOr
zMXU#8DagEuz0@pEB>_65UCCCz<a>k8COg{GZ+QVHXGlTMgc&lHRGX;vnedF?Z0<po
z&~fp;+9eAr?Uxd5B0|;=D%avY62`o^=W(sDaTJM-OhqW(ROWES01}C!Fw}#)CeeQY
zMJ%+WSqIcCAvTP2v+rkZ*mV9Cv)f+%i|;A4p{TL<HIqYT&kz2+xwJ28qZxJu{ZcaS
z^n>3v?>8PdVumOgUUZb-SDX*<tPhsr#wLDy??(Hwlq}?9JgHJ^7hZRL<LTCNb)zv#
mANz1?>L_F1mF!tsCwPSRgzIYe-wds!P-C!c5JQOrp!^RgD`h4C

diff --git a/src/static/index.html b/src/static/index.html
index 5f293e0..5d3656b 100644
--- a/src/static/index.html
+++ b/src/static/index.html
@@ -33,7 +33,16 @@
                 </div>
             </div>
         </div>
-        <div id="rightTopIcons">
+        <div id="rightTopExpandButton" class="rightTopIcons" style="opacity: 0">
+            <div id="expandViewButton" class="ui icon-expand hint">
+                <div class="tooltip">
+                    <div class="label">
+                        Show all controls
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div id="rightTopIcons" class="rightTopIcons" style="opacity: 0">
             <div id="settingsToggle" class="ui icon-settings hint">
                 <div class="tooltip">
                     <div class="label">
@@ -48,8 +57,15 @@
                     </div>
                 </div>
             </a>
+            <div id="collapseCompactViewButton" class="ui icon-collapse hint">
+                <div class="tooltip">
+                    <div class="label">
+                        Collapse to compact view
+                    </div>
+                </div>
+            </div>
         </div>
-        <div id="toolbarIcons">
+        <div id="toolbarIcons" style="opacity: 0">
             <div id="undoButton" class="ui icon-undo hint">
                 <div class="top tooltip">
                     <div class="label">
diff --git a/src/static/js/settings/index.js b/src/static/js/settings/index.js
index 60d99c4..9ea3d85 100644
--- a/src/static/js/settings/index.js
+++ b/src/static/js/settings/index.js
@@ -3,7 +3,8 @@ import * as graph from "../graph";
 import * as sourceSettings from "./sourceSettings";
 import * as tabularViewSettings from "./tabularViewSettings";
 import * as storage from "../storage";
-import { getChanges, applyChanges, init as initValues, applyFixedClasses } from "./values";
+import { getChanges, getOption, applyChanges, init as initValues, applyFixedClasses, setOption
+       } from "./values";
 import { makeAutosizable } from "../utils";
 
 function toggleSettings (uiStateModel) {
@@ -40,4 +41,30 @@ export function init () {
         location.reload();
     });
 
+    updateCompactView();
+
+}
+
+function updateCompactView () {
+
+    let compact = !!getOption("compact");
+
+    function toggle (element, flag = true) {
+        element.style.opacity = flag ? 1 : 0;
+        element.style.pointerEvents = flag ? "all" : "none";
+    }
+
+    toggle(document.getElementById("rightTopIcons"), !compact);
+    toggle(document.getElementById("rightTopExpandButton"), compact);
+    toggle(document.getElementById("toolbarIcons"), !compact);
+
+    document.getElementById("expandViewButton").addEventListener("click", () => {
+        setOption("compact", false);
+        updateCompactView();
+    });
+    document.getElementById("collapseCompactViewButton").addEventListener("click", () => {
+        setOption("compact", true);
+        updateCompactView();
+    });
+
 }
\ No newline at end of file
diff --git a/src/static/js/settings/values.js b/src/static/js/settings/values.js
index a575876..55b481c 100644
--- a/src/static/js/settings/values.js
+++ b/src/static/js/settings/values.js
@@ -5,6 +5,7 @@ import * as url from "../url";
 const STORAGE_KEY = "settings";
 
 const settingsTypes = {
+    compact: Boolean,
     host: String,
     port: Number,
     webAppName: String,
@@ -16,7 +17,9 @@ const settingsTypes = {
     tabularShowHiddenNodes: Boolean
 };
 
-const settings = { // assign defaults here
+// defaults are assigned here
+const settings = {
+    compact: false,
     host: "",
     port: 57772,
     webAppName: "EntityBrowser",
diff --git a/src/static/scss/icons.scss b/src/static/scss/icons.scss
index af53261..c6e0706 100644
--- a/src/static/scss/icons.scss
+++ b/src/static/scss/icons.scss
@@ -118,3 +118,9 @@
 .icon-question:before {
     content: "\7a";
 }
+.icon-expand:before {
+    content: "\41";
+}
+.icon-collapse:before {
+    content: "\42";
+}
diff --git a/src/static/scss/interface.scss b/src/static/scss/interface.scss
index 8f4ee44..c642f1c 100644
--- a/src/static/scss/interface.scss
+++ b/src/static/scss/interface.scss
@@ -17,7 +17,7 @@
 
 }
 
-#rightTopIcons {
+.rightTopIcons {
 
     position: absolute;
     left: -35px;
@@ -33,7 +33,7 @@
 
 }
 
-#table.active #rightTopIcons {
+#table.active .rightTopIcons {
     top: 6px;
 }