diff --git a/ext/mixed/img/hamburger-menu.svg b/ext/mixed/img/hamburger-menu.svg
new file mode 100644
index 00000000..9048d205
--- /dev/null
+++ b/ext/mixed/img/hamburger-menu.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M2.25 7c-.13807.00001-.24999.11193-.25.25v1.5c.00001.13807.11193.24999.25.25h11.5c.13806-.00001.24999-.11193.25-.25v-1.5c-.00001-.13807-.11194-.24999-.25-.25zM2.25 2c-.13807.00001-.24999.11193-.25.25v1.5c.00001.13807.11193.24999.25.25h11.5c.13806-.00001.24999-.11193.25-.25v-1.5c-.00001-.13807-.11194-.24999-.25-.25zM2.25 12c-.13807.00001-.24999.11194-.25.25v1.5c.00001.13807.11193.24999.25.25h11.5c.13806-.00001.24999-.11193.25-.25v-1.5c-.00001-.13806-.11194-.24999-.25-.25z" fill="#333"/></svg>
\ No newline at end of file
diff --git a/ext/mixed/img/material-down-arrow.svg b/ext/mixed/img/material-down-arrow.svg
new file mode 100644
index 00000000..dd60c48d
--- /dev/null
+++ b/ext/mixed/img/material-down-arrow.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="24" height="12"><path d="M0 0h24L12 12z" fill="#666"/></svg>
\ No newline at end of file
diff --git a/ext/mixed/img/material-right-arrow.svg b/ext/mixed/img/material-right-arrow.svg
new file mode 100644
index 00000000..15be03c0
--- /dev/null
+++ b/ext/mixed/img/material-right-arrow.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="12" height="24"><path d="M0 0v24L12 12z" fill="#666"/></svg>
\ No newline at end of file
diff --git a/resources/icons.svg b/resources/icons.svg
index e8303ece..fe6c5ccc 100644
--- a/resources/icons.svg
+++ b/resources/icons.svg
@@ -1228,4 +1228,28 @@
       </g>
     </g>
   </g>
+  <g
+     style="display:none"
+     inkscape:groupmode="layer"
+     id="layer39"
+     inkscape:label="Hamburger Menu">
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="M 2.25,7 C 2.1119345,7.0000138 2.0000138,7.1119345 2,7.25 v 1.5 C 2.0000138,8.8880655 2.1119345,8.9999862 2.25,9 h 11.5 C 13.888065,8.9999862 13.999986,8.8880655 14,8.75 V 7.25 C 13.999986,7.1119345 13.888065,7.0000138 13.75,7 Z"
+       id="rect1049"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccccccc" />
+    <path
+       sodipodi:nodetypes="ccccccccc"
+       inkscape:connector-curvature="0"
+       id="path1053"
+       d="M 2.25,2 C 2.1119345,2.0000138 2.0000138,2.1119345 2,2.25 v 1.5 C 2.0000138,3.8880655 2.1119345,3.9999862 2.25,4 h 11.5 C 13.888065,3.9999862 13.999986,3.8880655 14,3.75 V 2.25 C 13.999986,2.1119345 13.888065,2.0000138 13.75,2 Z"
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+    <path
+       sodipodi:nodetypes="ccccccccc"
+       inkscape:connector-curvature="0"
+       id="path1055"
+       d="M 2.25,12 C 2.1119345,12.000014 2.0000138,12.111935 2,12.25 v 1.5 c 1.38e-5,0.138066 0.1119345,0.249986 0.25,0.25 h 11.5 c 0.138065,-1.4e-5 0.249986,-0.111934 0.25,-0.25 v -1.5 C 13.999986,12.111935 13.888065,12.000014 13.75,12 Z"
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+  </g>
 </svg>