diff --git a/app/assets/images/icons/list.png b/app/assets/images/icons/list.png
new file mode 100644
index 00000000..97101a0f
Binary files /dev/null and b/app/assets/images/icons/list.png differ
diff --git a/app/assets/images/icons/list.svg b/app/assets/images/icons/list.svg
new file mode 100644
index 00000000..9ac430a3
--- /dev/null
+++ b/app/assets/images/icons/list.svg
@@ -0,0 +1,699 @@
+<?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"
+   width="744.09448819"
+   height="1052.3622047"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="New document 1">
+  <defs
+     id="defs4">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       id="perspective3608" />
+    <inkscape:perspective
+       id="perspective10"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3880"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="59.765625"
+       x2="60.753372"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3876"
+       xlink:href="#linearGradient3953"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3874"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3872"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="59.765625"
+       x2="60.753372"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3861"
+       xlink:href="#linearGradient3953"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3859"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3857"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3839"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="59.765625"
+       x2="60.753372"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3835"
+       xlink:href="#linearGradient3953"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3833"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3831"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3823"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="59.765625"
+       x2="60.753372"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3819"
+       xlink:href="#linearGradient3953"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3817"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3815"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="59.765625"
+       x2="60.753372"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3804"
+       xlink:href="#linearGradient3953"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3802"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3800"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="59.765625"
+       x2="60.753372"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3793"
+       xlink:href="#linearGradient3953"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3791"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3789"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="59.765625"
+       x2="60.753372"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3986"
+       xlink:href="#linearGradient3953"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3984"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3982"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter3973"
+       inkscape:collect="always">
+      <feGaussianBlur
+         id="feGaussianBlur3975"
+         stdDeviation="0.44890625"
+         inkscape:collect="always" />
+    </filter>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="59.765625"
+       x2="60.753372"
+       y1="4.515625"
+       x1="47.125"
+       id="linearGradient3959"
+       xlink:href="#linearGradient3953"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3951"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3947"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="79.831711"
+       x2="47.125"
+       y1="4.515625"
+       x1="47.125"
+       id="linearGradient3933"
+       xlink:href="#linearGradient3927"
+       inkscape:collect="always" />
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient3924"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter3895"
+       inkscape:collect="always">
+      <feGaussianBlur
+         id="feGaussianBlur3897"
+         stdDeviation="1.1"
+         inkscape:collect="always" />
+    </filter>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       id="linearGradient3877"
+       xlink:href="#linearGradient3871"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient3871">
+      <stop
+         id="stop3873"
+         offset="0"
+         style="stop-color:#424242;stop-opacity:1;" />
+      <stop
+         style="stop-color:#767676;stop-opacity:1;"
+         offset="0.39583334"
+         id="stop3879" />
+      <stop
+         id="stop3875"
+         offset="1"
+         style="stop-color:#d5ffd5;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3927"
+       inkscape:collect="always">
+      <stop
+         id="stop3929"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop3931"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3953"
+       inkscape:collect="always">
+      <stop
+         id="stop3955"
+         offset="0"
+         style="stop-color:#ffffff;stop-opacity:1;" />
+      <stop
+         id="stop3957"
+         offset="1"
+         style="stop-color:#ffffff;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3871"
+       id="linearGradient4130"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       x1="8"
+       y1="73.737183"
+       x2="86.24353"
+       y2="2.4637082" />
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter3895-8"
+       inkscape:collect="always">
+      <feGaussianBlur
+         id="feGaussianBlur3897-0"
+         stdDeviation="1.1"
+         inkscape:collect="always" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3871-5"
+       id="linearGradient4130-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       x1="8"
+       y1="73.737183"
+       x2="86.24353"
+       y2="2.4637082" />
+    <linearGradient
+       id="linearGradient3871-5">
+      <stop
+         id="stop3873-7"
+         offset="0"
+         style="stop-color:#424242;stop-opacity:1;" />
+      <stop
+         style="stop-color:#767676;stop-opacity:1;"
+         offset="0.39583334"
+         id="stop3879-1" />
+      <stop
+         id="stop3875-0"
+         offset="1"
+         style="stop-color:#d5ffd5;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       y2="2.4637082"
+       x2="86.24353"
+       y1="73.737183"
+       x1="8"
+       gradientTransform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4158"
+       xlink:href="#linearGradient3871-5"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.8183506"
+     inkscape:cx="161.95088"
+     inkscape:cy="862.61299"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1212"
+     inkscape:window-height="827"
+     inkscape:window-x="4"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:1.04734886;stroke-opacity:1"
+       id="rect3051"
+       width="99.144157"
+       height="127.89697"
+       x="214.3192"
+       y="228.78799"
+       ry="0" />
+    <g
+       transform="translate(248.5426,213.07744)"
+       id="layer1-0"
+       inkscape:label="Layer 1">
+      <path
+         transform="translate(10,20)"
+         d="m 50,22.362183 c 0,11.045695 -8.954305,20 -20,20 -11.045695,0 -20,-8.954305 -20,-20 0,-11.045695 8.954305,-20.0000004 20,-20.0000004 11.045695,0 20,8.9543054 20,20.0000004 z"
+         sodipodi:ry="20"
+         sodipodi:rx="20"
+         sodipodi:cy="22.362183"
+         sodipodi:cx="30"
+         id="path2822"
+         style="fill:none;stroke:#000000;stroke-width:3.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+         sodipodi:type="arc" />
+      <path
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc"
+         id="path3598"
+         d="m 40,27.362183 0,15"
+         style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <path
+         inkscape:connector-curvature="0"
+         inkscape:transform-center-x="2.8990745"
+         inkscape:transform-center-y="-6.9170341"
+         sodipodi:nodetypes="cc"
+         id="path3598-1"
+         d="M 34.201851,28.528114 40,42.362183"
+         style="fill:none;stroke:#000000;stroke-width:1.20000005;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <path
+         inkscape:connector-curvature="0"
+         inkscape:transform-center-x="-14"
+         id="path3624"
+         d="m 55,42.362183 -2,0"
+         style="fill:none;stroke:#000000;stroke-width:0.63245553px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <use
+         inkscape:transform-center-y="-7.0000005"
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3666"
+         inkscape:transform-center-x="-12.124355"
+         xlink:href="#path3624"
+         y="0"
+         x="0" />
+      <use
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3668"
+         inkscape:transform-center-y="-12.124356"
+         inkscape:transform-center-x="-6.9999986"
+         xlink:href="#use3666"
+         y="0"
+         x="0" />
+      <use
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822107,25.675456)"
+         id="use3670"
+         inkscape:transform-center-y="-14"
+         xlink:href="#use3668"
+         y="0"
+         x="0" />
+      <use
+         inkscape:transform-center-x="7.0000006"
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3672"
+         inkscape:transform-center-y="-12.124356"
+         xlink:href="#use3670"
+         y="0"
+         x="0" />
+      <use
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3674"
+         inkscape:transform-center-y="-7"
+         inkscape:transform-center-x="12.124357"
+         xlink:href="#use3672"
+         y="0"
+         x="0" />
+      <use
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3676"
+         inkscape:transform-center-x="14.000002"
+         xlink:href="#use3674"
+         y="0"
+         x="0" />
+      <use
+         inkscape:transform-center-y="7.0000005"
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3678"
+         inkscape:transform-center-x="12.124358"
+         xlink:href="#use3676"
+         y="0"
+         x="0" />
+      <use
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675457)"
+         id="use3680"
+         inkscape:transform-center-y="12.124358"
+         inkscape:transform-center-x="7.000002"
+         xlink:href="#use3678"
+         y="0"
+         x="0" />
+      <use
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3682"
+         inkscape:transform-center-y="14.000002"
+         xlink:href="#use3680"
+         y="0"
+         x="0" />
+      <use
+         inkscape:transform-center-x="-7.0000008"
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3684"
+         inkscape:transform-center-y="12.124357"
+         xlink:href="#use3682"
+         y="0"
+         x="0" />
+      <use
+         height="1052.3622"
+         width="744.09448"
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,-15.822108,25.675456)"
+         id="use3686"
+         inkscape:transform-center-y="7.0000005"
+         inkscape:transform-center-x="-12.124357"
+         xlink:href="#use3684"
+         y="0"
+         x="0" />
+      <rect
+         ry="0.30924171"
+         inkscape:transform-center-y="-28.341734"
+         y="18.6616"
+         x="38.124062"
+         height="2.5765221"
+         width="3.7518768"
+         id="rect3688"
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.74812317;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <rect
+         transform="matrix(0.8660254,-0.5,0.5,0.8660254,0,0)"
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+         id="use3694"
+         width="4"
+         height="2.0000007"
+         x="11.459925"
+         y="33.686726"
+         inkscape:transform-center-y="-22" />
+      <rect
+         transform="matrix(0.8660254,0.5,-0.5,0.8660254,0,0)"
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+         id="use3696"
+         width="4"
+         height="2.0000007"
+         x="53.822105"
+         y="-6.3132739"
+         inkscape:transform-center-y="-22" />
+    </g>
+    <path
+       style="fill:none;stroke:#000000;stroke-width:7.69999981;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 230.34414,285.62038 68.07145,0"
+       id="path3821"
+       inkscape:connector-curvature="0" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#path3821"
+       id="use3823"
+       transform="translate(0,53.599567)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use3823"
+       id="use3825"
+       transform="translate(0,-13.399899)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use3825"
+       id="use3827"
+       transform="translate(0,-13.399885)"
+       width="744.09448"
+       height="1052.3622" />
+    <use
+       x="0"
+       y="0"
+       xlink:href="#use3827"
+       id="use3829"
+       transform="translate(0,-13.399837)"
+       width="744.09448"
+       height="1052.3622" />
+    <path
+       sodipodi:type="inkscape:offset"
+       inkscape:radius="-0.79549515"
+       inkscape:original="M 60 22.375 L 30.25 52.125 C 31.759428 51.832546 33.268641 51.520491 34.78125 51.25 C 38.131586 50.650878 42.292564 50.001114 45.65625 49.5625 C 48.40866 49.203595 50.940177 48.935357 53.59375 48.78125 L 70 32.375 L 60 22.375 z M 20 42.375 L 10 52.375 L 14.03125 56.40625 C 19.237958 54.881463 24.442107 53.235169 29.78125 52.21875 C 29.80132 52.21495 29.82368 52.22255 29.84375 52.21875 L 20 42.375 z "
+       style="fill:url(#linearGradient3859);fill-opacity:1;stroke:url(#linearGradient3861);stroke-width:0.26578051;filter:url(#filter3973)"
+       id="path3949"
+       d="M 60,23.5 32.65625,50.84375 c 0.663739,-0.129711 1.331286,-0.255418 2,-0.375 3.364578,-0.601669 7.526087,-1.246737 10.90625,-1.6875 2.645343,-0.344944 5.103246,-0.59175 7.65625,-0.75 L 68.875,32.375 60,23.5 z m -40,20 -8.875,8.875 3.15625,3.15625 C 18.877656,54.179274 23.499328,52.749738 28.25,51.75 L 20,43.5 z" />
+    <g
+       id="g3883"
+       transform="matrix(0.55568429,0,0,0.55568429,218.60023,-273.39512)"
+       inkscape:export-filename="/Users/bterkuile/companytools/development/rails/qrammer/app/assets/images/icons/order-check.png"
+       inkscape:export-xdpi="24.829473"
+       inkscape:export-ydpi="24.829473">
+      <path
+         transform="matrix(1.0491242,0,0,1.0491242,2.5076726,905.23429)"
+         style="opacity:0.65158374;fill:#000000;fill-opacity:1;stroke:none;filter:url(#filter3895-8)"
+         d="m 20,42.362183 10,10 30,-30 10,10 -40,40 -20,-20 z"
+         id="path3881"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccccc" />
+      <path
+         sodipodi:nodetypes="ccccccc"
+         inkscape:connector-curvature="0"
+         id="path2996"
+         d="M 23.490157,949.67748 33.981399,960.16872 65.455125,928.695 75.946367,939.18624 33.981399,981.15121 12.998915,960.16872 z"
+         style="fill:url(#linearGradient4158);fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>
diff --git a/app/assets/images/icons/menu.png b/app/assets/images/icons/menu.png
new file mode 100644
index 00000000..e4f891e6
Binary files /dev/null and b/app/assets/images/icons/menu.png differ
diff --git a/app/assets/images/icons/menu.svg b/app/assets/images/icons/menu.svg
new file mode 100644
index 00000000..6169793d
--- /dev/null
+++ b/app/assets/images/icons/menu.svg
@@ -0,0 +1,97 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="273.06442"
+   height="209.15388"
+   id="svg3264"
+   version="1.1"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="book-grey.svg">
+  <defs
+     id="defs3266" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="117.25825"
+     inkscape:cy="-38.134381"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="525"
+     inkscape:window-height="429"
+     inkscape:window-x="0"
+     inkscape:window-y="456"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata3269">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-257.74175,-285.07391)">
+    <g
+       transform="translate(217.41927,-308.03919)"
+       id="g4155"
+       inkscape:export-filename="/home/cas/design/g4103.png"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96">
+      <g
+         transform="matrix(1.0834546,0,0,1.1719149,-241.34186,-122.93292)"
+         inkscape:export-ydpi="96"
+         inkscape:export-xdpi="96"
+         inkscape:export-filename="/home/cas/design/g4103.png"
+         id="g4107-2">
+        <path
+           style="fill:#dcdcdc;fill-opacity:1;stroke:#bebebe;stroke-width:10.62992096;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+           d="m 265.74803,623.62203 240.94488,0 0,151.88887 -102.0921,0 c 0,0 -7.95694,8.38951 -17.61721,8.63754 -9.66025,0.24803 -19.56764,-8.38297 -19.56764,-8.38297 l -102.11842,-0.96745 z"
+           id="path4091-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccczccc" />
+      </g>
+      <g
+         inkscape:export-ydpi="96"
+         inkscape:export-xdpi="96"
+         transform="translate(-206.17561,-6.6132844)"
+         id="g4103-8">
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke:#a0a0a0;stroke-width:5.35577488;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+           d="m 265.74803,616.53541 c 42.51969,0 85.03937,-31.88976 116.92914,0 31.88976,-31.88976 74.40944,0 116.92913,0 l 0,159.44882 c -42.51969,0 -85.03937,-31.88976 -116.92913,0 -31.88977,-31.88976 -74.40945,0 -116.92914,0 z"
+           id="path4093-0"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccccc" />
+        <path
+           style="fill:none;stroke:#a0a0a0;stroke-width:5.25726366;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+           d="m 382.67717,616.53541 0,157.64025"
+           id="path4095-1"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/app/assets/stylesheets/user/structure.css.sass b/app/assets/stylesheets/user/structure.css.sass
index f2d19af9..c25c3724 100644
--- a/app/assets/stylesheets/user/structure.css.sass
+++ b/app/assets/stylesheets/user/structure.css.sass
@@ -53,6 +53,13 @@ body
           background-color: $qbrown
           text-align: center
           line-height: 34px
+          background-repeat: no-repeat
+          background-position: center center
+          text-indent: -5000px
+          &.home-list-link
+            background-image: image-url('icons/list.png')
+          &.home-menu-link
+            background-image: image-url('icons/menu.png')
   //padding-top: 50px
   .navbar-fixed-top
     margin-left: -$side-spacing
diff --git a/app/views/user/home.html.slim b/app/views/user/home.html.slim
index 7bf887c0..81da736f 100644
--- a/app/views/user/home.html.slim
+++ b/app/views/user/home.html.slim
@@ -5,5 +5,5 @@
   .home-footer
     .home-footer-content
       - if list_open?
-        = link_to 'P', user_list_products_path
-        = link_to 'L', user_active_list_path
+        = link_to 'P', user_list_products_path, class: 'home-menu-link'
+        = link_to 'L', user_active_list_path, class: 'home-list-link'
diff --git a/app/views/user/join_occupied_table.html.slim b/app/views/user/join_occupied_table.html.slim
index 1ddeaafe..1c1d961b 100644
--- a/app/views/user/join_occupied_table.html.slim
+++ b/app/views/user/join_occupied_table.html.slim
@@ -1,6 +1,8 @@
 .page-header
   h4= t('user.join_occupied_table.title')
 .form-actions
+  = link_to t('user.join_occupied_table.back'), user_root_path, class: :btn
+  '
   = link_to t('user.join_occupied_table.show_the_products'), user_list_products_for_table_path(table_id: @table.id), class: [:btn, 'btn-primary']
   '
   button.btn.btn-warning{onClick="Quser.join_occupied_table('#{@table.id}')"} = t('user.join_occupied_table.join_this_table')