From 16bb34cd94d61421a48c1e06ab8f8d5f1d202288 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <JanCBorchardt@fsfe.org>
Date: Mon, 8 Aug 2011 23:31:58 +0200
Subject: [PATCH] settings are now AWESOME

---
 core/css/styles.css            |   8 ++-
 core/img/actions/back.png      | Bin 396 -> 0 bytes
 core/img/actions/back.svg      | 121 ---------------------------------
 core/img/actions/settings.png  | Bin 695 -> 883 bytes
 core/img/actions/settings.svg  |  77 +++++++++++++++++----
 core/js/js.js                  |   6 ++
 core/templates/layout.user.php |   3 +-
 7 files changed, 78 insertions(+), 137 deletions(-)
 delete mode 100644 core/img/actions/back.png
 delete mode 100644 core/img/actions/back.svg

diff --git a/core/css/styles.css b/core/css/styles.css
index b17224b269..7960617d24 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -1,3 +1,7 @@
+/* Copyright (c) 2011, Jan-Christoph Borchardt
+ This file is licensed under the Affero General Public License version 3 or later.
+ See the COPYING-README file. */
+
 * { margin:0; padding:0; border:0; outline:0; cursor:default; }
 body { background:#fefefe; font:normal 80%/1.6em "Lucida Grande", Arial, Verdana, sans-serif; color:#000; margin-bottom:2em; }
 
@@ -36,7 +40,7 @@ input[type="checkbox"] { width:auto; }
 #body-login input { font-size:1.5em; }
 #body-login input[type="submit"] { float:right; margin-right:.8em; }
 #remember_login { margin:.8em .2em 0 1em; }
-form.searchbox input[type="search"] { position:fixed; font-size:1.2em; top:.3em; right:7em; padding:.2em .5em .2em 1.5em; background:#f8f8f8 url('../img/actions/search.png') .5em center no-repeat; border:0; -moz-border-radius:1em; -webkit-border-
+form.searchbox input[type="search"] { position:fixed; font-size:1.2em; top:.4em; right:4em; padding:.2em .5em .2em 1.5em; background:#f8f8f8 url('../img/actions/search.png') .5em center no-repeat; border:0; -moz-border-radius:1em; -webkit-border-
 radius:1em; border-radius:1em; }
 input[type="submit"].enabled { background:#66f866; border:1px solid #5e5; -moz-box-shadow:0 1px 1px #f8f8f8, 0 1px 1px #cfc inset; -webkit-box-shadow:0 1px 1px #f8f8f8, 0 1px 1px #cfc inset; box-shadow:0 1px 1px #f8f8f8, 0 1px 1px #cfc inset; }
 input[type="submit"].highlight{ background:#ffc100; border:1px solid #db0; text-shadow:#ffeedd 0 1px 0; -moz-box-shadow:0 1px 1px #f8f8f8, 0 1px 1px #ffeedd inset; -webkit-box-shadow:0 1px 1px #f8f8f8, 0 1px 1px #ffeedd inset; box-shadow:0 1px 1px #f8f8f8, 0 1px 1px #ffeedd inset; }
@@ -90,6 +94,8 @@ legend { padding:.2em; font-size:1.2em; }
 #navigation .subentry { background-color:#ddd; border-top:1px solid #aaa; color:#555; }
 #navigation .subentry.active { background-color:#bbb; border-top:1px solid #888; border-bottom:1px solid #bbb; }
 #navigation .subentry a { padding-left:3.1em; font-size:1em; }
+#navigation #settings { position:absolute; bottom:3.5em; width:100%; }
+#navigation #expand { margin:0 0 .2em 1.2em; }
 
 /* USER SETTINGS ------------------------------------------------------------ */
 #quota_indicator { margin:0 4em 1em 0; padding:0; border:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
diff --git a/core/img/actions/back.png b/core/img/actions/back.png
deleted file mode 100644
index 86abbe0cabe37a4b47f32241b5f327bc346f98ce..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 396
zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7*pj^6T^Rm@;DWu&Co?cG
za29w(7Beu&uLNO6-S|ik1_lQ95>H=O_S-CiT+G&XJKwuAFfdAbx;TbdoZdQlqt_7!
zfwuH%x=ij_+1!B}qH7qqyG6EzcfD6w>HFqVw_Rg~l)S>)T!m|9D_b09#W)E~I{U8A
z*N^`TPx<lM51S9`{6BxdfZ_KMiQ;`*BQ;Aidos5fd28mkC1y+s+Ol!y``_%EsrpM*
zG@qt0=yh+)P4D>8(Gi|J|Je1OulhQtAIUH*c)g2x=@nb0bI0wYIMe_89$;YjWV1iD
z=j=;%6{Q)M${XJQeqSh4Z*(jmyEiKPQq<uoVKX@u*DcogrEz+aSohJOWvjGSz5eCT
z$ne2%f#;+rHw))zbuF@1Jff*&bk4GB-uI>s>D*6BJcqaIoDK;TVPQDVP_W4@+mgHK
vfvIost*0V=G1qHvy_}JA+peYdGwb73m#pMi=Wk$OU|{fc^>bP0l+XkKBn_ag

diff --git a/core/img/actions/back.svg b/core/img/actions/back.svg
deleted file mode 100644
index 2bdf50c733..0000000000
--- a/core/img/actions/back.svg
+++ /dev/null
@@ -1,121 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.0"
-   width="22"
-   height="22"
-   id="svg2423"
-   sodipodi:version="0.32"
-   inkscape:version="0.48.1 r9760"
-   sodipodi:docname="steadyflow-panel.svg"
-   inkscape:output_extension="org.inkscape.output.svg.inkscape"
-   inkscape:export-filename="/home/jancborchardt/SparkleShare/playground/ownCloud/elementaryicons/elementary-icon-theme/elementary-mono-dark/panel/22/steadyflow-panel.png"
-   inkscape:export-xdpi="205.86"
-   inkscape:export-ydpi="205.86">
-  <metadata
-     id="metadata12">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     inkscape:window-height="776"
-     inkscape:window-width="1280"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     guidetolerance="10.0"
-     gridtolerance="10.0"
-     objecttolerance="10.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
-     pagecolor="#ffffff"
-     id="base"
-     showgrid="false"
-     inkscape:zoom="18.409653"
-     inkscape:cx="3.1144877"
-     inkscape:cy="10.453039"
-     inkscape:window-x="0"
-     inkscape:window-y="24"
-     inkscape:current-layer="svg2423"
-     showguides="true"
-     inkscape:guide-bbox="true"
-     inkscape:window-maximized="1">
-    <inkscape:grid
-       type="xygrid"
-       id="grid2989"
-       empspacing="5"
-       visible="true"
-       enabled="true"
-       snapvisiblegridlinesonly="true" />
-  </sodipodi:namedview>
-  <defs
-     id="defs2425">
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient3678"
-       id="linearGradient3805"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0,0.51263812,0.51263812,0,0.912685,4.921543)"
-       x1="0.98925388"
-       y1="20.108774"
-       x2="26.631666"
-       y2="20.093433" />
-    <linearGradient
-       id="linearGradient3678">
-      <stop
-         style="stop-color:#ffffff;stop-opacity:1;"
-         offset="0"
-         id="stop3680" />
-      <stop
-         style="stop-color:#e6e6e6;stop-opacity:1;"
-         offset="1"
-         id="stop3682" />
-    </linearGradient>
-    <linearGradient
-       gradientTransform="matrix(-0.4100229,0,0,0.5447147,78.029995,-3.8459034)"
-       gradientUnits="userSpaceOnUse"
-       xlink:href="#linearGradient3678"
-       id="linearGradient2388-7"
-       y2="38.279892"
-       x2="159.68553"
-       y1="14.403693"
-       x1="159.68553" />
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient3678"
-       id="linearGradient3793"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(-0.4100229,0,0,0.5447147,47.235507,-11.911988)"
-       x1="159.68553"
-       y1="14.403693"
-       x2="159.68553"
-       y2="38.279892" />
-  </defs>
-  <path
-     inkscape:connector-curvature="0"
-     d="m 11.5,19.5 -8,-7 8,-7 0,4 7,0 0,6 -7,0 z"
-     id="path4348-1-1"
-     style="opacity:0.5;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-     sodipodi:nodetypes="cccccccc" />
-  <path
-     inkscape:connector-curvature="0"
-     d="m 11.5,18.5 -8,-7 8,-7 0,4 7,0 0,6 -7,0 z"
-     id="path4348-1"
-     style="fill:url(#linearGradient3805);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-     sodipodi:nodetypes="cccccccc" />
-</svg>
diff --git a/core/img/actions/settings.png b/core/img/actions/settings.png
index ff650ecb0b0eaa766a055ec8d5f31648539177d6..5b1607e59fcdcc465ad42b8cd5ef4b15d66570a6 100644
GIT binary patch
delta 786
zcmdna`k8G)Ui}A87sn8b-qK)451Dk4fA{SFpXuAxXFd7u3yE++{w(dyskSQ?aOMfN
zep9l|m~AS^qZ06DZF{c9CFjSM9Z!@_9t{(*X=#|?tfK4Wb5Kl7dz$Mm*V_|I4{zeW
zSXf^6Pj1zs4SydTw63{d{r>S@c10E~*5@@X9dQB|xzGJP@&8kO0h^MNYoJ|n&)-)T
z=jJyzH#_$|j$l}jc}v~pOHk<5u=Af69Zf0><xph!6W-9VV%f51tAG9ab-us9-?-K3
z;foI+J}4hHU|?WpXJ@{8^(uGW{{OR<WiHFT?d$R-f<w`RgHb7H(Zv_p`|sBu{=8??
z>s{*>Y1qX$tqjpJIyOVa^H2SgCr=EfpT6s}G-$aDLyN$>SFf_F>gxWrsd!FWq@g3$
zz4Z6*-^L6ZHf}7et*zbb%HhZ`!9(TJ;>C+u7)sJuH%7dv_MG&H!NAmXs*Jq+f5rp(
z3^okcK7IOhx3#sEgW<%cJ)5>|`)0~8A#;|pQ-}WHhXsq*y*?PA@ujY?@FQcx{Q5#s
z+m980ZeF|?=({lB#L~+zYn5g_cXoERy_s{(DxH<7v0U^B!-ufTTYU7UXPfdkoAWs5
zXJttx=<4dG9+NnCcw6quCJBaw+uKTJ-oA6^%|wAk{0E-AdGn@y_Uze-*Gs*3@813W
z`?qg#v0~e|Zmqp@@#4pp;&-p#zP;<OBD9}5qW&SnJ%$QluGW1|=iGlh=X7sx@BOXY
zw{JH(c8{syd8I8cFK>BB=vT&u%vtt~6%`v>*R9iYz5ez2vdp@IYXMI_|1AGmvyZ{y
z%C&1*jSdPPE-VZ)eV+B_nEihF?OWMI<^yNW_*hQ$`Z?*ON=T^g&l<bwhGJJrZ7cE?
zu3Pu+$(Juv>aF{f`T6;^g@uJLO|{mTetP@#Y17`hDNWpOZEgL3=Iq(Kw{G1k%GU7i
z-MhapU%u>}J9ln^(aan<Y3b-`sXsLt3P1WxQu!;<f83ZMh~eL))SrUMZ@3v&tXlP}
zwfJ9eYUHxiNU?_L3`eGNYAxVD@Fa2{(}PgeOZz=atvIDVO=M@_W?*3OboFyt=akR{
E02^P0j{pDw

delta 596
zcmey&ww-lCUcHH@i(`mIZ|~&u*}{$@$M<jE!O7})!6ldHh5dr95d!>{S|Uf-{;*eZ
zKM6Xs^!OuPMe#r(f3wyYmV@h_C27p-p1{(zvt?O}8e_R?qWEU}Nu0*#n|JRxCid$A
zxAC6y$@j{i@pf>edvZ(^begdKOy!)W{R=%bw?F^<Q;Q+hK*FY;b3xqt?R*Y1&p%%s
zbShUN<hgTC@xIfR%U_mc6`re}QydkLZ#H}8zpCjS5`v9_f($x0xBWF1>Wn$Y+Ekq9
zuQplw^y$;<m>7CCMsAF_Gd;-3i&L>>&GpyqH*?DLXP<p{_4QY0#TK4VtxgYvl_m-#
za$DHi*1q4Rw{xBM&zd^<1NBx7)(m;f6?4u%w`cn~dGcg_M_HNUCvR-?ZT$83AIE`P
zk8+uJ+<yPvJ@H!MoSsWBOWw5~yqJ+95SV<?T(DNY|9I7m-0iosPZd~fVa^ZoI+C<8
z`+01fjof~zH1_63W(IABvaGF9hfRDxZQYr1(B$k{h4|H1r5MT>Z1%XgxHI(CpL)8<
z%Z2|>+5O0ArThod|9?miI;DF|f?>h!w{@zErZfCIbFjc7rps-yy@>11qKTFQPJbTF
zx$mPkc^(tP&X_*)*=LiLnx0qAOO3p?i1qX)o%5e<l$=&ywenjU^yR#a%i@d6mj=B|
zNKSsdb=9iqS<6g$4l5is@VLCCZPhCMOE16pt`1sRBGBnFkNvLxzOTv*+Zi@wZT;nT
zz4TJ)T&=06q8WG&lrpSbVDU%%ANR2vTn$_H|8;V?f9_Eovyzht|4fbaCkzY>44$rj
JF6*2UngF#(80Y{1

diff --git a/core/img/actions/settings.svg b/core/img/actions/settings.svg
index 67473520af..da685e8be0 100644
--- a/core/img/actions/settings.svg
+++ b/core/img/actions/settings.svg
@@ -15,8 +15,8 @@
    height="16"
    id="svg2457"
    inkscape:version="0.48.1 r9760"
-   sodipodi:docname="bonobo-component-browser.svg"
-   inkscape:export-filename="/home/jancborchardt/SparkleShare/playground/ownCloud/elementaryicons/elementary-icon-theme/elementary/actions/16/bonobo-component-browser.png"
+   sodipodi:docname="settings.svg"
+   inkscape:export-filename="/home/jancborchardt/owncloud-sharing/core/img/actions/settings.png"
    inkscape:export-xdpi="90"
    inkscape:export-ydpi="90">
   <metadata
@@ -45,7 +45,7 @@
      id="namedview21"
      showgrid="false"
      inkscape:zoom="17.875"
-     inkscape:cx="-2.3776224"
+     inkscape:cx="-0.41568268"
      inkscape:cy="1.2867133"
      inkscape:window-x="0"
      inkscape:window-y="24"
@@ -188,32 +188,81 @@
     </linearGradient>
     <linearGradient
        inkscape:collect="always"
-       xlink:href="#linearGradient3678"
-       id="linearGradient3959"
+       xlink:href="#linearGradient3587-6-5-3-5-7"
+       id="linearGradient3784"
+       x1="0.5"
+       y1="7.5560002"
+       x2="15.5"
+       y2="7.5560002"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       x1="46.395508"
+       y1="12.707516"
+       x2="46.395508"
+       y2="38.409042"
+       id="linearGradient3795-2"
+       xlink:href="#linearGradient3587-6-5-3-5-7"
        gradientUnits="userSpaceOnUse"
-       gradientTransform="translate(-17.058189,-0.444)"
-       x1="25"
-       y1="0"
-       x2="25"
-       y2="16.000105" />
+       gradientTransform="matrix(-0.4100229,0,0,0.5447147,28.02322,-5.9219706)" />
+    <linearGradient
+       id="linearGradient3587-6-5-3-5-7">
+      <stop
+         id="stop3589-9-2-2-6-2"
+         style="stop-color:#000000;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop3591-7-4-73-5-1"
+         style="stop-color:#363636;stop-opacity:1"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3587-6-5-3-5-7"
+       id="linearGradient3810"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.4100229,0,0,0.5447147,28.02322,-5.9219706)"
+       x1="46.395508"
+       y1="12.707516"
+       x2="46.395508"
+       y2="38.409042" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3587-6-5-3-5-7"
+       id="linearGradient3813"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-0.4100229,0,0,0.5447147,10.462268,-5.974418)"
+       x1="46.395508"
+       y1="12.707516"
+       x2="46.395508"
+       y2="38.409042" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3587-6-5-3-5-7"
+       id="linearGradient3816"
+       gradientUnits="userSpaceOnUse"
+       x1="7.4930072"
+       y1="0.0035526801"
+       x2="7.4930072"
+       y2="14.998127" />
   </defs>
   <g
      transform="translate(0.027972,0.944)"
      id="g2479-3"
-     style="opacity:0.5;fill:#000000;fill-opacity:1">
+     style="opacity:0.6;fill:#ffffff;fill-opacity:1">
     <path
        inkscape:connector-curvature="0"
-       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:block;overflow:visible;enable-background:accumulate"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994000000003;marker:none;visibility:visible;display:block;overflow:visible;enable-background:accumulate"
        id="path2426-2"
        d="M 6.9375,0.056 C 6.6890831,0.056 6.5,0.245082 6.5,0.4935 l 0,1.25 C 5.9460971,1.885701 5.448836,2.115378 4.96875,2.39975 L 4.0625,1.4935 c -0.1756569,-0.175658 -0.449342,-0.175658 -0.625,0 l -1.5,1.5 c -0.175657,0.175658 -0.175657,0.449342 0,0.625 L 2.84375,4.52475 C 2.5593789,5.004836 2.329701,5.502097 2.1875,6.056 l -1.25,0 C 0.68908301,6.056 0.5,6.245082 0.5,6.4935 l 0,2.125 c 1e-8,0.248418 0.189083,0.4375 0.4375,0.4375 l 1.25,0 c 0.1422009,0.553903 0.371879,1.051164 0.65625,1.53125 L 1.9375,11.4935 c -0.175657,0.175658 -0.175657,0.449342 0,0.625 l 1.5,1.5 c 0.1756579,0.175658 0.449342,0.175658 0.625,0 L 4.96875,12.71225 C 5.4488361,12.996622 5.946097,13.2263 6.5,13.3685 l 0,1.25 c 1e-7,0.248418 0.189083,0.4375 0.4375,0.4375 l 2.125,0 C 9.3109176,15.056 9.5,14.866918 9.5,14.6185 l 0,-1.25 c 0.553903,-0.1422 1.051164,-0.371878 1.53125,-0.65625 l 0.90625,0.90625 c 0.175658,0.175658 0.449342,0.175658 0.625,0 l 1.5,-1.5 c 0.175658,-0.175658 0.175658,-0.449342 0,-0.625 L 13.15625,10.58725 C 13.440622,10.107164 13.6703,9.609903 13.8125,9.056 l 1.25,0 C 15.310918,9.056 15.5,8.866917 15.5,8.6185 l 0,-2.125 C 15.5,6.245082 15.310917,6.056 15.0625,6.056 l -1.25,0 C 13.6703,5.502097 13.440622,5.004836 13.15625,4.52475 L 14.0625,3.6185 c 0.175658,-0.175658 0.175658,-0.449342 0,-0.625 l -1.5,-1.5 c -0.175658,-0.175658 -0.449342,-0.175658 -0.625,0 L 11.03125,2.39975 C 10.551164,2.115378 10.053903,1.885701 9.5,1.7435 l 0,-1.25 C 9.4999996,0.245082 9.310918,0.056 9.0625,0.056 z M 8,4.2133427 c 1.8451469,0 3.342657,1.4975104 3.342657,3.3426573 0,1.8451469 -1.4975101,3.342657 -3.342657,3.342657 C 6.1548531,10.898657 4.6573427,9.4011469 4.6573427,7.556 4.6573427,5.7108531 6.1548531,4.2133427 8,4.2133427 z"
        sodipodi:nodetypes="ssccssssccssssccssssccssssccssssccssssccssssccssssssss" />
   </g>
   <g
      id="g2479"
-     transform="translate(0,-0.056)">
+     transform="translate(0,-0.056)"
+     style="fill-opacity:1;fill:url(#linearGradient3784);opacity:0.7">
     <path
        inkscape:connector-curvature="0"
-       style="fill:url(#linearGradient3959);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994;marker:none;visibility:visible;display:block;overflow:visible;enable-background:accumulate"
+       style="fill:url(#linearGradient3816);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999994000000003;marker:none;visibility:visible;display:block;overflow:visible;enable-background:accumulate"
        id="path2426"
        d="M 6.9375,0.056 C 6.6890831,0.056 6.5,0.245082 6.5,0.4935 l 0,1.25 C 5.9460971,1.885701 5.448836,2.115378 4.96875,2.39975 L 4.0625,1.4935 c -0.1756569,-0.175658 -0.449342,-0.175658 -0.625,0 l -1.5,1.5 c -0.175657,0.175658 -0.175657,0.449342 0,0.625 L 2.84375,4.52475 C 2.5593789,5.004836 2.329701,5.502097 2.1875,6.056 l -1.25,0 C 0.68908301,6.056 0.5,6.245082 0.5,6.4935 l 0,2.125 c 1e-8,0.248418 0.189083,0.4375 0.4375,0.4375 l 1.25,0 c 0.1422009,0.553903 0.371879,1.051164 0.65625,1.53125 L 1.9375,11.4935 c -0.175657,0.175658 -0.175657,0.449342 0,0.625 l 1.5,1.5 c 0.1756579,0.175658 0.449342,0.175658 0.625,0 L 4.96875,12.71225 C 5.4488361,12.996622 5.946097,13.2263 6.5,13.3685 l 0,1.25 c 1e-7,0.248418 0.189083,0.4375 0.4375,0.4375 l 2.125,0 C 9.3109176,15.056 9.5,14.866918 9.5,14.6185 l 0,-1.25 c 0.553903,-0.1422 1.051164,-0.371878 1.53125,-0.65625 l 0.90625,0.90625 c 0.175658,0.175658 0.449342,0.175658 0.625,0 l 1.5,-1.5 c 0.175658,-0.175658 0.175658,-0.449342 0,-0.625 L 13.15625,10.58725 C 13.440622,10.107164 13.6703,9.609903 13.8125,9.056 l 1.25,0 C 15.310918,9.056 15.5,8.866917 15.5,8.6185 l 0,-2.125 C 15.5,6.245082 15.310917,6.056 15.0625,6.056 l -1.25,0 C 13.6703,5.502097 13.440622,5.004836 13.15625,4.52475 L 14.0625,3.6185 c 0.175658,-0.175658 0.175658,-0.449342 0,-0.625 l -1.5,-1.5 c -0.175658,-0.175658 -0.449342,-0.175658 -0.625,0 L 11.03125,2.39975 C 10.551164,2.115378 10.053903,1.885701 9.5,1.7435 l 0,-1.25 C 9.4999996,0.245082 9.310918,0.056 9.0625,0.056 z M 8,4.2133427 c 1.8451469,0 3.342657,1.4975104 3.342657,3.3426573 0,1.8451469 -1.4975101,3.342657 -3.342657,3.342657 C 6.1548531,10.898657 4.6573427,9.4011469 4.6573427,7.556 4.6573427,5.7108531 6.1548531,4.2133427 8,4.2133427 z"
        sodipodi:nodetypes="ssccssssccssssccssssccssssccssssccssssccssssccssssssss" />
diff --git a/core/js/js.js b/core/js/js.js
index 9e2ae8d710..6ad999878c 100644
--- a/core/js/js.js
+++ b/core/js/js.js
@@ -264,6 +264,12 @@ $(document).ready(function(){
 			$('#remember_login+label').fadeIn();
 		}
 	});
+
+	if($('body').attr("id")=="body-user") { $('#settings li').hide(); }
+	$('#expand').click(function() {
+		$('#settings li').slideToggle();
+	});
+	
 });
 
 
diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php
index 4cbf6261cb..ae847e9827 100644
--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@@ -32,7 +32,7 @@
 			<a href="<?php echo link_to('', 'index.php'); ?>" title="" id="owncloud"><img src="<?php echo image_path('', 'owncloud-logo-small-white.png'); ?>" alt="ownCloud" /></a>
 			<?php echo $_['searchbox']?>
 			<ul id="metanav">
-				<li><a href="<?php echo link_to('', 'index.php'); ?>?logout=true" title="Log out"><img class='svg' src="<?php echo image_path('', 'actions/logout.svg'); ?>"></a></li>
+				<li><a href="<?php echo link_to('', 'index.php'); ?>?logout=true" title="Log out"><img class='svg' src="<?php echo image_path('', 'actions/logout'); ?>" /></a></li>
 			</ul>
 		</div>
 
@@ -51,6 +51,7 @@
 				<?php endforeach; ?>
 			</ul>
 			<ul id="settings">
+				<img id="expand" class='svg' src="<?php echo image_path('', 'actions/settings'); ?>" />
 				<?php foreach($_['settingsnavigation'] as $entry):?>
 					<li><a style="background-image:url(<?php echo $entry['icon']; ?>)" href="<?php echo $entry['href']; ?>" title="" <?php if( $entry["active"] ): ?> class="active"<?php endif; ?>><?php echo $entry['name'] ?></a></li>
 					<?php if( sizeof( $entry["subnavigation"] )): ?>
-- 
GitLab