From 8eeed772eb6864fc096b920018c5bd0983f880de Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Sat, 8 Sep 2018 12:40:36 +1200
Subject: [PATCH] Update button layout

---
 scripts/system/assets/images/expand.svg       | 85 +++++++++++++++++++
 .../system/html/css/img/mt-expand-hover.svg   | 30 +------
 .../system/html/css/img/mt-expand-normal.svg  | 30 +------
 scripts/system/html/css/img/mt-goto-hover.svg |  4 +-
 .../system/html/css/img/mt-goto-normal.svg    |  4 +-
 scripts/system/html/css/img/mt-mute-hover.svg |  4 +-
 .../system/html/css/img/mt-mute-normal.svg    |  4 +-
 scripts/system/html/css/miniTablet.css        | 23 +++--
 scripts/system/html/miniTablet.html           |  4 +-
 9 files changed, 114 insertions(+), 74 deletions(-)
 create mode 100644 scripts/system/assets/images/expand.svg

diff --git a/scripts/system/assets/images/expand.svg b/scripts/system/assets/images/expand.svg
new file mode 100644
index 0000000000..f57e624374
--- /dev/null
+++ b/scripts/system/assets/images/expand.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<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"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 50 49.999999"
+   xml:space="preserve"
+   sodipodi:docname="expandIcon.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   width="50"
+   height="50"><metadata
+   id="metadata21"><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><defs
+   id="defs19" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="980"
+   inkscape:window-height="792"
+   id="namedview17"
+   showgrid="false"
+   inkscape:zoom="2"
+   inkscape:cx="12.25"
+   inkscape:cy="62.4"
+   inkscape:window-x="249"
+   inkscape:window-y="99"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   showguides="false" />
+<style
+   type="text/css"
+   id="style2">
+	.st0{opacity:0.7;fill:#1B1B1B;stroke:#FFFFFF;stroke-width:4.6505;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+
+<g
+   id="g14"
+   transform="matrix(0.25,0,0,0.25,-214.575,-109.6)">
+	<path
+   class="st1"
+   d="m 919.2,490.4 h 8.5 c 3.9,0 7.1,-3.2 7.1,-7.1 0,-3.9 -3.2,-7.1 -7.1,-7.1 H 902 c 0,0 0,0 -0.1,0 -0.4,0 -0.9,0 -1.3,0.1 -0.2,0 -0.4,0.1 -0.6,0.2 -0.2,0.1 -0.5,0.1 -0.7,0.2 -0.2,0.1 -0.5,0.2 -0.7,0.4 -0.2,0.1 -0.4,0.2 -0.5,0.3 -0.4,0.3 -0.7,0.5 -1.1,0.9 0,0 0,0 0,0 0,0 0,0 0,0 -0.1,0.1 -0.1,0.2 -0.2,0.3 -1.5,1.3 -2.4,3.2 -2.4,5.3 v 25.7 c 0,3.9 3.2,7.1 7.1,7.1 3.9,0 7.1,-3.2 7.1,-7.1 v -9.7 l 24.1,24.1 c 1.4,1.4 3.2,2.1 5,2.1 1.8,0 3.7,-0.7 5,-2.1 2.8,-2.8 2.8,-7.3 0,-10.1 z"
+   id="path6"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff" />
+	<path
+   class="st1"
+   d="m 932.6,554.6 -24.1,24.1 V 569 c 0,-3.9 -3.2,-7.1 -7.1,-7.1 -3.9,0 -7.1,3.2 -7.1,7.1 v 25.7 c 0,2.1 0.9,4 2.4,5.3 0.4,0.5 0.8,0.9 1.3,1.2 0.2,0.1 0.4,0.2 0.5,0.3 0.2,0.1 0.5,0.3 0.7,0.4 0.2,0.1 0.5,0.1 0.7,0.2 0.2,0.1 0.4,0.1 0.6,0.2 0.5,0.1 0.9,0.1 1.4,0.1 h 25.7 c 3.9,0 7.1,-3.2 7.1,-7.1 0,-3.9 -3.2,-7.1 -7.1,-7.1 h -8.5 l 23.5,-23.5 c 2.8,-2.8 2.8,-7.3 0,-10.1 -2.7,-2.8 -7.2,-2.8 -10,0 z"
+   id="path8"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff" />
+	<path
+   class="st1"
+   d="m 1018.7,561.9 c -3.9,0 -7.1,3.2 -7.1,7.1 v 9.7 l -24.1,-24.1 c -2.8,-2.8 -7.3,-2.8 -10.1,0 -2.8,2.8 -2.8,7.3 0,10.1 l 23.5,23.5 h -8.5 c -3.9,0 -7.1,3.2 -7.1,7.1 0,3.9 3.2,7.1 7.1,7.1 h 25.7 c 0.5,0 0.9,0 1.4,-0.1 0.2,0 0.4,-0.1 0.6,-0.2 0.2,-0.1 0.5,-0.1 0.7,-0.2 0.3,-0.1 0.5,-0.2 0.7,-0.4 0.2,-0.1 0.3,-0.2 0.5,-0.3 0.5,-0.3 0.9,-0.8 1.4,-1.2 1.5,-1.3 2.4,-3.2 2.4,-5.3 V 569 c 0,-3.9 -3.1,-7.1 -7.1,-7.1 z"
+   id="path10"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff" />
+	<path
+   class="st1"
+   d="m 982.2,526 c 1.8,0 3.6,-0.7 5,-2.1 l 24.1,-24.1 v 9.7 c 0,3.9 3.2,7.1 7.1,7.1 3.9,0 7.1,-3.2 7.1,-7.1 v -25.7 c 0,-2.1 -0.9,-4 -2.4,-5.3 -0.4,-0.5 -0.8,-0.9 -1.3,-1.2 -0.2,-0.1 -0.3,-0.2 -0.5,-0.3 -0.2,-0.1 -0.5,-0.3 -0.7,-0.4 -0.2,-0.1 -0.5,-0.1 -0.7,-0.2 -0.2,-0.1 -0.4,-0.1 -0.6,-0.2 -0.5,-0.1 -0.9,-0.1 -1.4,-0.1 h -25.7 c -3.9,0 -7.1,3.2 -7.1,7.1 0,3.9 3.2,7.1 7.1,7.1 h 8.5 l -23.5,23.5 c -2.8,2.8 -2.8,7.3 0,10.1 1.4,1.4 3.2,2.1 5,2.1 z"
+   id="path12"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/scripts/system/html/css/img/mt-expand-hover.svg b/scripts/system/html/css/img/mt-expand-hover.svg
index 97737f42c0..a8e84c42ad 100644
--- a/scripts/system/html/css/img/mt-expand-hover.svg
+++ b/scripts/system/html/css/img/mt-expand-hover.svg
@@ -1,31 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="40" height="40" viewBox="0 0 40.00 40.00" enable-background="new 0 0 40.00 40.00" xml:space="preserve">
-	<ellipse fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" cx="20" cy="20" rx="19" ry="19"/>
-	<g>
-		<g>
-			<g>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 21.4151,17.1695L 25.6577,12.9268C 26.0483,12.5363 26.6814,12.5363 27.0719,12.9268L 27.0719,12.9268C 27.4625,13.3173 27.4625,13.9505 27.0719,14.341L 22.8293,18.5837C 22.4388,18.9742 21.8056,18.9742 21.4151,18.5837L 21.4151,18.5837C 21.0246,18.1931 21.0246,17.56 21.4151,17.1695 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 28.8044,11.1944L 24.8446,11.1944L 28.8044,15.1541L 28.8044,11.1944 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 24.2435,11.5126L 24.2435,11.5126C 24.634,11.1221 25.2672,11.1221 25.6577,11.5126L 28.4862,14.3411C 28.8767,14.7316 28.8767,15.3647 28.4862,15.7553L 28.4862,15.7553C 28.0956,16.1458 27.4625,16.1458 27.0719,15.7553L 24.2435,12.9268C 23.853,12.5363 23.853,11.9032 24.2435,11.5126 Z "/>
-			</g>
-			<g>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 18.5831,22.8299L 14.3405,27.0724C 13.95,27.463 13.3168,27.463 12.9263,27.0724L 12.9263,27.0724C 12.5358,26.6819 12.5358,26.0488 12.9263,25.6582L 17.1689,21.4156C 17.5594,21.0251 18.1926,21.0251 18.5831,21.4156L 18.5831,21.4156C 18.9737,21.8062 18.9737,22.4393 18.5831,22.8299 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 11.1939,28.8049L 15.1537,28.8049L 11.1939,24.8452L 11.1939,28.8049 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 15.7547,28.4866L 15.7547,28.4866C 15.3642,28.8772 14.731,28.8772 14.3405,28.4866L 11.5121,25.6582C 11.1216,25.2677 11.1216,24.6345 11.5121,24.244L 11.5121,24.244C 11.9026,23.8535 12.5358,23.8535 12.9263,24.244L 15.7547,27.0724C 16.1452,27.463 16.1452,28.0961 15.7547,28.4866 Z "/>
-			</g>
-		</g>
-		<g>
-			<g>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 17.1707,18.5819L 12.9281,14.3393C 12.5376,13.9488 12.5376,13.3156 12.9281,12.9251L 12.9281,12.9251C 13.3186,12.5346 13.9518,12.5346 14.3423,12.9251L 18.5849,17.1677C 18.9754,17.5582 18.9754,18.1914 18.5849,18.5819L 18.5849,18.5819C 18.1944,18.9725 17.5612,18.9725 17.1707,18.5819 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 11.196,11.193L 11.196,15.1528L 15.1558,11.193L 11.196,11.193 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 11.5139,15.7535L 11.5139,15.7535C 11.1233,15.363 11.1233,14.7298 11.5139,14.3393L 14.3423,11.5109C 14.7328,11.1203 15.366,11.1203 15.7565,11.5109L 15.7565,11.5109C 16.147,11.9014 16.147,12.5345 15.7565,12.9251L 12.9281,15.7535C 12.5376,16.144 11.9044,16.144 11.5139,15.7535 Z "/>
-			</g>
-			<g>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 22.8311,21.4139L 27.0737,25.6564C 27.4642,26.047 27.4642,26.6801 27.0737,27.0706L 27.0737,27.0706C 26.6832,27.4612 26.05,27.4612 25.6595,27.0706L 21.4169,22.8281C 21.0264,22.4375 21.0264,21.8044 21.4169,21.4138L 21.4169,21.4138C 21.8074,21.0233 22.4406,21.0233 22.8311,21.4139 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 28.8061,28.8031L 28.8061,24.8433L 24.8463,28.8031L 28.8061,28.8031 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 28.4879,24.2423L 28.4879,24.2423C 28.8784,24.6328 28.8784,25.2659 28.4879,25.6565L 25.6594,28.4849C 25.2689,28.8754 24.6357,28.8754 24.2452,28.4849L 24.2452,28.4849C 23.8547,28.0944 23.8547,27.4612 24.2452,27.0707L 27.0737,24.2423C 27.4642,23.8517 28.0973,23.8517 28.4879,24.2423 Z "/>
-			</g>
-		</g>
-	</g>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="50" height="50" viewBox="0 0 50.00 50.00" enable-background="new 0 0 50.00 50.00" xml:space="preserve">
+	<ellipse fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" cx="25" cy="25" rx="24" ry="24"/>
 </svg>
diff --git a/scripts/system/html/css/img/mt-expand-normal.svg b/scripts/system/html/css/img/mt-expand-normal.svg
index 8b849ecc70..aac349ebda 100644
--- a/scripts/system/html/css/img/mt-expand-normal.svg
+++ b/scripts/system/html/css/img/mt-expand-normal.svg
@@ -1,31 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="40" height="40" viewBox="0 0 40.00 40.00" enable-background="new 0 0 40.00 40.00" xml:space="preserve">
-	<ellipse fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" cx="20" cy="20" rx="19" ry="19"/>
-	<g>
-		<g>
-			<g>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 21.4151,17.1695L 25.6577,12.9268C 26.0483,12.5363 26.6814,12.5363 27.072,12.9268L 27.072,12.9268C 27.4625,13.3173 27.4625,13.9505 27.072,14.341L 22.8293,18.5837C 22.4388,18.9742 21.8056,18.9742 21.4151,18.5837L 21.4151,18.5837C 21.0246,18.1931 21.0246,17.56 21.4151,17.1695 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 28.8044,11.1944L 24.8446,11.1944L 28.8044,15.1541L 28.8044,11.1944 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 24.2435,11.5126L 24.2435,11.5126C 24.6341,11.1221 25.2672,11.1221 25.6577,11.5126L 28.4862,14.3411C 28.8767,14.7316 28.8767,15.3647 28.4862,15.7553L 28.4862,15.7553C 28.0956,16.1458 27.4625,16.1458 27.072,15.7553L 24.2435,12.9268C 23.853,12.5363 23.853,11.9032 24.2435,11.5126 Z "/>
-			</g>
-			<g>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 18.5832,22.8299L 14.3406,27.0724C 13.95,27.463 13.3169,27.463 12.9263,27.0724L 12.9263,27.0724C 12.5358,26.6819 12.5358,26.0488 12.9263,25.6582L 17.1689,21.4156C 17.5595,21.0251 18.1926,21.0251 18.5832,21.4156L 18.5832,21.4156C 18.9737,21.8062 18.9737,22.4393 18.5832,22.8299 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 11.1939,28.8049L 15.1537,28.8049L 11.1939,24.8452L 11.1939,28.8049 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 15.7547,28.4866L 15.7547,28.4866C 15.3642,28.8772 14.731,28.8772 14.3405,28.4866L 11.5121,25.6582C 11.1216,25.2677 11.1216,24.6345 11.5121,24.244L 11.5121,24.244C 11.9026,23.8535 12.5358,23.8535 12.9263,24.244L 15.7547,27.0724C 16.1453,27.463 16.1453,28.0961 15.7547,28.4866 Z "/>
-			</g>
-		</g>
-		<g>
-			<g>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 17.1707,18.5819L 12.9281,14.3393C 12.5376,13.9488 12.5376,13.3156 12.9281,12.9251L 12.9281,12.9251C 13.3186,12.5346 13.9518,12.5346 14.3423,12.9251L 18.5849,17.1677C 18.9755,17.5582 18.9755,18.1914 18.5849,18.5819L 18.5849,18.5819C 18.1944,18.9725 17.5612,18.9725 17.1707,18.5819 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 11.196,11.193L 11.196,15.1528L 15.1558,11.193L 11.196,11.193 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 11.5139,15.7535L 11.5139,15.7535C 11.1233,15.363 11.1233,14.7298 11.5139,14.3393L 14.3423,11.5109C 14.7328,11.1203 15.366,11.1203 15.7565,11.5109L 15.7565,11.5109C 16.147,11.9014 16.147,12.5345 15.7565,12.9251L 12.9281,15.7535C 12.5376,16.144 11.9044,16.144 11.5139,15.7535 Z "/>
-			</g>
-			<g>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 22.8311,21.4139L 27.0737,25.6564C 27.4642,26.047 27.4642,26.6801 27.0737,27.0706L 27.0737,27.0706C 26.6832,27.4612 26.05,27.4612 25.6595,27.0706L 21.4169,22.8281C 21.0264,22.4375 21.0264,21.8044 21.4169,21.4138L 21.4169,21.4138C 21.8074,21.0233 22.4406,21.0233 22.8311,21.4139 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 28.8061,28.8031L 28.8061,24.8433L 24.8464,28.8031L 28.8061,28.8031 Z "/>
-				<path fill="#FFFFFF" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#FFFFFF" stroke-opacity="1" d="M 28.4879,24.2423L 28.4879,24.2423C 28.8784,24.6328 28.8784,25.2659 28.4879,25.6565L 25.6594,28.4849C 25.2689,28.8754 24.6357,28.8754 24.2452,28.4849L 24.2452,28.4849C 23.8547,28.0944 23.8547,27.4612 24.2452,27.0707L 27.0737,24.2423C 27.4642,23.8517 28.0973,23.8517 28.4879,24.2423 Z "/>
-			</g>
-		</g>
-	</g>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="50" height="50" viewBox="0 0 50.00 50.00" enable-background="new 0 0 50.00 50.00" xml:space="preserve">
+	<ellipse fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" cx="25" cy="25" rx="24" ry="24"/>
 </svg>
diff --git a/scripts/system/html/css/img/mt-goto-hover.svg b/scripts/system/html/css/img/mt-goto-hover.svg
index c8c407139b..4cad54331a 100644
--- a/scripts/system/html/css/img/mt-goto-hover.svg
+++ b/scripts/system/html/css/img/mt-goto-hover.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="128.052" height="89.9583" viewBox="0 0 128.05 89.96" enable-background="new 0 0 128.05 89.96" xml:space="preserve">
-	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 9.54237,0.999992L 118.458,0.999992C 123.175,0.999992 127,4.58002 127,8.99621L 127.052,53.375C 127.052,53.8882 124.052,49.625 118.052,46.875C 110.822,43.5612 99.1611,43.7442 90.552,51.875C 81.552,60.3749 81.302,72.6249 84.802,80.3749C 87.6162,86.6064 91.8497,88.8749 91.302,88.8749L 9.54237,88.9583C 4.82455,88.9583 1,85.3783 1,80.9621L 1,8.99621C 1,4.58002 4.82455,0.999992 9.54237,0.999992 Z "/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="115.966" height="84.0209" viewBox="0 0 115.97 84.02" enable-background="new 0 0 115.97 84.02" xml:space="preserve">
+	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 8.72651,1L 107.239,1C 111.507,1 114.966,4.33753 114.966,8.45455L 114.928,47.1459C 114.928,47.6244 109.928,44.6459 100.928,46.3959C 95.7749,47.3979 90.1783,50.1459 87.6783,52.3959C 85.9019,53.9946 81.0533,57.5209 78.1783,66.3959C 75.1445,75.7609 78.2986,83.0209 77.8032,83.0209L 8.72651,83C 4.45927,83 1,79.6625 1,75.5454L 1,8.45455C 1,4.33753 4.45927,1 8.72651,1 Z "/>
 </svg>
diff --git a/scripts/system/html/css/img/mt-goto-normal.svg b/scripts/system/html/css/img/mt-goto-normal.svg
index 6be11c464e..ead63329fb 100644
--- a/scripts/system/html/css/img/mt-goto-normal.svg
+++ b/scripts/system/html/css/img/mt-goto-normal.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="128.052" height="89.9583" viewBox="0 0 128.05 89.96" enable-background="new 0 0 128.05 89.96" xml:space="preserve">
-	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" d="M 9.54237,1.00002L 118.458,1.00002C 123.175,1.00002 127,4.58006 127,8.99623L 127.052,53.375C 127.052,53.8883 124.052,49.625 118.052,46.875C 110.822,43.5612 99.1611,43.7442 90.552,51.875C 81.552,60.375 81.302,72.625 84.802,80.375C 87.6162,86.6064 91.8497,88.875 91.302,88.875L 9.54237,88.9583C 4.82455,88.9583 1,85.3783 1,80.9621L 1,8.99623C 1,4.58006 4.82455,1.00002 9.54237,1.00002 Z "/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="115.966" height="84.0209" viewBox="0 0 115.97 84.02" enable-background="new 0 0 115.97 84.02" xml:space="preserve">
+	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" d="M 8.72651,1L 107.239,1C 111.507,1 114.966,4.33753 114.966,8.45455L 114.928,47.1459C 114.928,47.6244 109.928,44.6459 100.928,46.3959C 95.7749,47.3979 90.1783,50.1459 87.6783,52.3959C 85.9019,53.9946 81.0533,57.5209 78.1783,66.3959C 75.1445,75.7609 78.2986,83.0209 77.8032,83.0209L 8.72651,83C 4.45927,83 1,79.6625 1,75.5454L 1,8.45455C 1,4.33753 4.45927,1 8.72651,1 Z "/>
 </svg>
diff --git a/scripts/system/html/css/img/mt-mute-hover.svg b/scripts/system/html/css/img/mt-mute-hover.svg
index 909ecb0272..9a18ccd933 100644
--- a/scripts/system/html/css/img/mt-mute-hover.svg
+++ b/scripts/system/html/css/img/mt-mute-hover.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="128" height="90" viewBox="0 0 128.00 90.00" enable-background="new 0 0 128.00 90.00" xml:space="preserve">
-	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 9,1.00001L 119,1.00001C 123.418,1.00001 127,4.58175 127,9.00001L 127,81C 127,85.4183 123.418,89 119,89L 9,89C 4.58172,89 1,85.4183 1,81L 1,9.00001C 1,4.58175 4.58172,1.00001 9,1.00001 Z "/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="116" height="84" viewBox="0 0 116.00 84.00" enable-background="new 0 0 116.00 84.00" xml:space="preserve">
+	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 9,1L 107,1C 111.418,1 115,4.58173 115,9L 115,75C 115,79.4183 111.418,83 107,83L 9,83C 4.58172,83 1,79.4183 1,75L 1,9C 1,4.58173 4.58172,1 9,1 Z "/>
 </svg>
diff --git a/scripts/system/html/css/img/mt-mute-normal.svg b/scripts/system/html/css/img/mt-mute-normal.svg
index 506756216f..472f03f138 100644
--- a/scripts/system/html/css/img/mt-mute-normal.svg
+++ b/scripts/system/html/css/img/mt-mute-normal.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="128" height="90" viewBox="0 0 128.00 90.00" enable-background="new 0 0 128.00 90.00" xml:space="preserve">
-	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" d="M 9,1.00002L 119,1.00002C 123.418,1.00002 127,4.58173 127,9.00002L 127,81C 127,85.4183 123.418,89 119,89L 9,89C 4.58172,89 1,85.4183 1,81L 1,9.00002C 1,4.58173 4.58172,1.00002 9,1.00002 Z "/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="116" height="84" viewBox="0 0 116.00 84.00" enable-background="new 0 0 116.00 84.00" xml:space="preserve">
+	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" d="M 9.00003,1L 107,1C 111.419,1 115,4.58173 115,9L 115,75C 115,79.4183 111.419,83 107,83L 9.00003,83C 4.58173,83 0.999996,79.4183 0.999996,75L 0.999996,9C 0.999996,4.58173 4.58173,1 9.00003,1 Z "/>
 </svg>
diff --git a/scripts/system/html/css/miniTablet.css b/scripts/system/html/css/miniTablet.css
index c134f87f49..55abba43a6 100644
--- a/scripts/system/html/css/miniTablet.css
+++ b/scripts/system/html/css/miniTablet.css
@@ -26,13 +26,13 @@ body {
 section {
     background-color: #404040;
     position: relative;
-    padding: 13px 9px;
+    padding: 16px 16px;
 }
 
 .button {
-    width: 128px;
-    height: 90px;
-    margin-top: 10px;
+    width: 116px;
+    height: 84px;
+    margin-top: 16px;
     text-align: center;
 }
 
@@ -41,7 +41,7 @@ section {
     }
 
 img {
-    width: 46px;
+    width: 40px;
 }
 
 #mute {
@@ -72,10 +72,10 @@ img {
 
 #expand {
     position: absolute;
-    right: 12px;
-    bottom: 13px;
-    width: 40px;
-    height: 40px;
+    right: 1px;
+    bottom: -1px;
+    width: 50px;
+    height: 50px;
     background-size: 100% 100%;
 }
 
@@ -86,3 +86,8 @@ img {
         #expand.off:hover {
             background-image: url("./img/mt-expand-hover.svg");
         }
+
+    #expand img {
+        width:34px;
+        margin-top: 7px;
+    }
diff --git a/scripts/system/html/miniTablet.html b/scripts/system/html/miniTablet.html
index eca21c0d68..92eac02734 100644
--- a/scripts/system/html/miniTablet.html
+++ b/scripts/system/html/miniTablet.html
@@ -23,7 +23,9 @@ See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.
         <div id="goto" class="button off">
             <img id="goto-img" />
         </div>
-        <div id="expand" class="button off"></div>
+        <div id="expand" class="button off">
+            <img src="../assets/images/expand.svg" />
+        </div>
     </section>
     <script src="js/miniTablet.js"></script>
 </body>