From a5c3450bfcad201b95d044cae6cb0aeff90f63f1 Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Thu, 30 Aug 2018 13:43:31 +1200
Subject: [PATCH] Tweak mini tablet UI layout

---
 .../system/html/css/img/mt-bubble-a-hover.svg |  4 ++--
 .../html/css/img/mt-bubble-a-normal.svg       |  4 ++--
 .../system/html/css/img/mt-bubble-i-hover.svg |  4 ++--
 .../html/css/img/mt-bubble-i-normal.svg       |  4 ++--
 .../system/html/css/img/mt-expand-hover.svg   | 24 +++++++++----------
 .../system/html/css/img/mt-expand-normal.svg  | 24 +++++++++----------
 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        | 13 ++++------
 9 files changed, 40 insertions(+), 45 deletions(-)

diff --git a/scripts/system/html/css/img/mt-bubble-a-hover.svg b/scripts/system/html/css/img/mt-bubble-a-hover.svg
index 36abbf5c34..88ddfff808 100644
--- a/scripts/system/html/css/img/mt-bubble-a-hover.svg
+++ b/scripts/system/html/css/img/mt-bubble-a-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="120" height="90.0417" viewBox="0 0 120.00 90.04" enable-background="new 0 0 120.00 90.04" xml:space="preserve">
-	<path fill="#1FC6A6" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58173 119,9.00001L 118.896,52.4167C 118.896,53.5391 114.521,46.6667 104.146,44.7917C 94.3098,43.0141 86.4592,47.4783 81.3959,52.5417C 76.1459,57.7917 73.1459,66.5417 75.3959,76.4167C 77.3185,84.8551 83.5157,89.0417 82.3959,89.0417L 9,89C 4.58172,89 1,85.4183 1,81L 1,9.00001C 1,4.58173 4.58172,1 9,1 Z "/>
+<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="#1FC6A6" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 9.54237,1.00001L 118.458,1.00001C 123.175,1.00001 127,4.58004 127,8.99622L 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.8496,88.8749 91.302,88.8749L 9.54237,88.9583C 4.82455,88.9583 1,85.3783 1,80.9621L 1,8.99622C 1,4.58004 4.82455,1.00001 9.54237,1.00001 Z "/>
 </svg>
diff --git a/scripts/system/html/css/img/mt-bubble-a-normal.svg b/scripts/system/html/css/img/mt-bubble-a-normal.svg
index e6e8021bf5..3d9d0a1286 100644
--- a/scripts/system/html/css/img/mt-bubble-a-normal.svg
+++ b/scripts/system/html/css/img/mt-bubble-a-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="120" height="90.0417" viewBox="0 0 120.00 90.04" enable-background="new 0 0 120.00 90.04" xml:space="preserve">
-	<path fill="#1FC6A6" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58174 119,9.00002L 118.896,52.4167C 118.896,53.5391 114.521,46.6667 104.146,44.7917C 94.3098,43.0141 86.4592,47.4783 81.3959,52.5417C 76.1459,57.7917 73.1459,66.5417 75.3959,76.4167C 77.3185,84.8551 83.5157,89.0417 82.3959,89.0417L 9,89.0001C 4.58172,89.0001 1,85.4183 1,81L 1,9.00002C 1,4.58174 4.58172,1 9,1 Z "/>
+<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="#1FC6A6" 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.58003 127,8.99621L 127.052,53.3749C 127.052,53.8882 124.052,49.6249 118.052,46.8749C 110.822,43.5612 99.1611,43.7441 90.552,51.8749C 81.552,60.3749 81.302,72.6249 84.802,80.3749C 87.6162,86.6063 91.8497,88.8749 91.302,88.8749L 9.54237,88.9582C 4.82455,88.9582 1,85.3782 1,80.962L 1,8.99621C 1,4.58003 4.82455,0.999992 9.54237,0.999992 Z "/>
 </svg>
diff --git a/scripts/system/html/css/img/mt-bubble-i-hover.svg b/scripts/system/html/css/img/mt-bubble-i-hover.svg
index e39dff3888..c8c407139b 100644
--- a/scripts/system/html/css/img/mt-bubble-i-hover.svg
+++ b/scripts/system/html/css/img/mt-bubble-i-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="120" height="90.0417" viewBox="0 0 120.00 90.04" enable-background="new 0 0 120.00 90.04" xml:space="preserve">
-	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#1FC6A6" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58174 119,9.00002L 118.896,52.4167C 118.896,53.539 114.521,46.6666 104.146,44.7916C 94.3098,43.0141 86.4592,47.4783 81.3958,52.5417C 76.1458,57.7917 73.1458,66.5417 75.3958,76.4167C 77.3185,84.8551 83.5156,89.0417 82.3958,89.0417L 9,89C 4.58172,89 1,85.4183 1,81L 1,9.00002C 1,4.58174 4.58172,1 9,1 Z "/>
+<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>
diff --git a/scripts/system/html/css/img/mt-bubble-i-normal.svg b/scripts/system/html/css/img/mt-bubble-i-normal.svg
index ef2591ba16..6be11c464e 100644
--- a/scripts/system/html/css/img/mt-bubble-i-normal.svg
+++ b/scripts/system/html/css/img/mt-bubble-i-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="120" height="90.0416" viewBox="0 0 120.00 90.04" enable-background="new 0 0 120.00 90.04" xml:space="preserve">
-	<path fill="#303030" fill-opacity="1" stroke-width="2" stroke-linejoin="round" stroke="#606060" stroke-opacity="1" d="M 9,1L 111,1C 115.418,1 119,4.58173 119,9L 118.896,52.4166C 118.896,53.539 114.521,46.6666 104.146,44.7916C 94.3098,43.014 86.4592,47.4783 81.3958,52.5416C 76.1458,57.7916 73.1458,66.5416 75.3958,76.4166C 77.3185,84.8551 83.5156,89.0416 82.3958,89.0416L 9,89C 4.58172,89 1,85.4183 1,81L 1,9C 1,4.58173 4.58172,1 9,1 Z "/>
+<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>
diff --git a/scripts/system/html/css/img/mt-expand-hover.svg b/scripts/system/html/css/img/mt-expand-hover.svg
index eea3487bd8..97737f42c0 100644
--- a/scripts/system/html/css/img/mt-expand-hover.svg
+++ b/scripts/system/html/css/img/mt-expand-hover.svg
@@ -5,26 +5,26 @@
 	<g>
 		<g>
 			<g>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 21.4135,17.1698L 25.6562,12.9272C 26.0467,12.5367 26.6798,12.5367 27.0704,12.9272L 27.0704,12.9272C 27.4609,13.3177 27.4609,13.9509 27.0704,14.3414L 22.8277,18.584C 22.4372,18.9746 21.8041,18.9746 21.4135,18.584L 21.4135,18.584C 21.023,18.1935 21.023,17.5603 21.4135,17.1698 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.8029,11.1947L 24.8431,11.1947L 28.8029,15.1545L 28.8029,11.1947 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 24.242,11.513L 24.242,11.513C 24.6325,11.1225 25.2656,11.1225 25.6562,11.513L 28.4846,14.3414C 28.8751,14.7319 28.8751,15.3651 28.4846,15.7556L 28.4846,15.7556C 28.0941,16.1462 27.4609,16.1462 27.0704,15.7556L 24.242,12.9272C 23.8514,12.5367 23.8514,11.9035 24.242,11.513 Z "/>
+				<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="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 18.5816,22.8302L 14.339,27.0728C 13.9485,27.4633 13.3153,27.4633 12.9248,27.0728L 12.9248,27.0728C 12.5342,26.6823 12.5342,26.0491 12.9248,25.6586L 17.1674,21.416C 17.5579,21.0255 18.191,21.0255 18.5816,21.416L 18.5816,21.416C 18.9721,21.8065 18.9721,22.4397 18.5816,22.8302 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.1923,28.8053L 15.1521,28.8053L 11.1923,24.8455L 11.1923,28.8053 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 15.7532,28.487L 15.7532,28.487C 15.3626,28.8775 14.7295,28.8775 14.339,28.487L 11.5105,25.6586C 11.12,25.268 11.12,24.6349 11.5105,24.2444L 11.5105,24.2444C 11.901,23.8539 12.5342,23.8539 12.9247,24.2444L 15.7532,27.0728C 16.1437,27.4633 16.1437,28.0965 15.7532,28.487 Z "/>
+				<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="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 17.1691,18.5823L 12.9265,14.3397C 12.536,13.9491 12.536,13.316 12.9265,12.9255L 12.9265,12.9255C 13.317,12.5349 13.9502,12.5349 14.3407,12.9254L 18.5834,17.1681C 18.9739,17.5586 18.9739,18.1918 18.5834,18.5823L 18.5834,18.5823C 18.1928,18.9728 17.5597,18.9728 17.1691,18.5823 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.1941,11.193L 11.1941,15.1528L 15.1539,11.193L 11.1941,11.193 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.5123,15.7539L 11.5123,15.7539C 11.1218,15.3633 11.1218,14.7302 11.5123,14.3397L 14.3407,11.5112C 14.7313,11.1207 15.3644,11.1207 15.755,11.5112L 15.755,11.5112C 16.1455,11.9017 16.1455,12.5349 15.7549,12.9254L 12.9265,15.7539C 12.536,16.1444 11.9028,16.1444 11.5123,15.7539 Z "/>
+				<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="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 22.8295,21.4142L 27.0721,25.6568C 27.4626,26.0473 27.4626,26.6805 27.0721,27.071L 27.0721,27.071C 26.6816,27.4615 26.0484,27.4615 25.6579,27.071L 21.4153,22.8284C 21.0248,22.4379 21.0248,21.8047 21.4153,21.4142L 21.4153,21.4142C 21.8058,21.0237 22.439,21.0237 22.8295,21.4142 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.8045,28.8035L 28.8046,24.8437L 24.8448,28.8035L 28.8045,28.8035 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.4863,24.2426L 28.4863,24.2426C 28.8768,24.6331 28.8768,25.2663 28.4863,25.6568L 25.6579,28.4853C 25.2673,28.8758 24.6342,28.8758 24.2437,28.4853L 24.2437,28.4853C 23.8531,28.0948 23.8531,27.4616 24.2437,27.0711L 27.0721,24.2426C 27.4626,23.8521 28.0958,23.8521 28.4863,24.2426 Z "/>
+				<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>
diff --git a/scripts/system/html/css/img/mt-expand-normal.svg b/scripts/system/html/css/img/mt-expand-normal.svg
index 7b5b59a7c9..8b849ecc70 100644
--- a/scripts/system/html/css/img/mt-expand-normal.svg
+++ b/scripts/system/html/css/img/mt-expand-normal.svg
@@ -5,26 +5,26 @@
 	<g>
 		<g>
 			<g>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 21.4135,17.1698L 25.6562,12.9272C 26.0467,12.5367 26.6798,12.5367 27.0704,12.9272L 27.0704,12.9272C 27.4609,13.3177 27.4609,13.9509 27.0704,14.3414L 22.8277,18.5841C 22.4372,18.9746 21.8041,18.9746 21.4135,18.5841L 21.4135,18.5841C 21.023,18.1935 21.023,17.5604 21.4135,17.1698 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.8029,11.1947L 24.8431,11.1947L 28.8029,15.1545L 28.8029,11.1947 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 24.242,11.513L 24.242,11.513C 24.6325,11.1225 25.2656,11.1225 25.6562,11.513L 28.4846,14.3414C 28.8751,14.732 28.8751,15.3651 28.4846,15.7556L 28.4846,15.7556C 28.0941,16.1462 27.4609,16.1462 27.0704,15.7556L 24.242,12.9272C 23.8514,12.5367 23.8514,11.9035 24.242,11.513 Z "/>
+				<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="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 18.5816,22.8302L 14.339,27.0728C 13.9485,27.4634 13.3153,27.4634 12.9248,27.0728L 12.9248,27.0728C 12.5342,26.6823 12.5342,26.0491 12.9248,25.6586L 17.1674,21.416C 17.5579,21.0255 18.191,21.0255 18.5816,21.416L 18.5816,21.416C 18.9721,21.8066 18.9721,22.4397 18.5816,22.8302 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.1923,28.8053L 15.1521,28.8053L 11.1923,24.8455L 11.1923,28.8053 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 15.7532,28.487L 15.7532,28.487C 15.3626,28.8775 14.7295,28.8775 14.339,28.487L 11.5105,25.6586C 11.12,25.2681 11.12,24.6349 11.5105,24.2444L 11.5105,24.2444C 11.901,23.8539 12.5342,23.8539 12.9247,24.2444L 15.7532,27.0728C 16.1437,27.4633 16.1437,28.0965 15.7532,28.487 Z "/>
+				<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="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 17.1691,18.5823L 12.9265,14.3397C 12.536,13.9492 12.536,13.316 12.9265,12.9255L 12.9265,12.9255C 13.317,12.5349 13.9502,12.5349 14.3407,12.9255L 18.5834,17.1681C 18.9739,17.5586 18.9739,18.1918 18.5834,18.5823L 18.5834,18.5823C 18.1928,18.9728 17.5597,18.9728 17.1691,18.5823 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.1941,11.193L 11.1941,15.1528L 15.1539,11.193L 11.1941,11.193 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 11.5123,15.7539L 11.5123,15.7539C 11.1218,15.3634 11.1218,14.7302 11.5123,14.3397L 14.3407,11.5112C 14.7313,11.1207 15.3644,11.1207 15.755,11.5112L 15.755,11.5112C 16.1455,11.9018 16.1455,12.5349 15.7549,12.9254L 12.9265,15.7539C 12.536,16.1444 11.9028,16.1444 11.5123,15.7539 Z "/>
+				<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="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 22.8295,21.4142L 27.0721,25.6568C 27.4626,26.0473 27.4626,26.6805 27.0721,27.071L 27.0721,27.071C 26.6816,27.4615 26.0484,27.4616 25.6579,27.071L 21.4153,22.8284C 21.0248,22.4379 21.0248,21.8048 21.4153,21.4142L 21.4153,21.4142C 21.8058,21.0237 22.439,21.0237 22.8295,21.4142 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.8045,28.8035L 28.8046,24.8437L 24.8448,28.8035L 28.8045,28.8035 Z "/>
-				<path fill="#E3E3E3" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" stroke="#E3E3E3" stroke-opacity="1" d="M 28.4863,24.2426L 28.4863,24.2426C 28.8768,24.6332 28.8768,25.2663 28.4863,25.6568L 25.6579,28.4853C 25.2673,28.8758 24.6342,28.8758 24.2437,28.4853L 24.2437,28.4853C 23.8531,28.0948 23.8531,27.4616 24.2437,27.0711L 27.0721,24.2426C 27.4626,23.8521 28.0958,23.8521 28.4863,24.2426 Z "/>
+				<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>
diff --git a/scripts/system/html/css/img/mt-mute-hover.svg b/scripts/system/html/css/img/mt-mute-hover.svg
index 59c38ca5a0..909ecb0272 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="120" height="90" viewBox="0 0 120.00 90.00" enable-background="new 0 0 120.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,1L 111,1C 115.418,1 119,4.58173 119,8.99998L 119,81C 119,85.4182 115.418,89 111,89L 9,89C 4.58172,89 1,85.4182 1,81L 1,8.99998C 1,4.58173 4.58172,1 9,1 Z "/>
+<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>
diff --git a/scripts/system/html/css/img/mt-mute-normal.svg b/scripts/system/html/css/img/mt-mute-normal.svg
index 1f25bce9c6..506756216f 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="120" height="90" viewBox="0 0 120.00 90.00" enable-background="new 0 0 120.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,0.999985L 111,0.999985C 115.418,0.999985 119,4.58171 119,8.99998L 119,81C 119,85.4183 115.418,89 111,89L 9,89C 4.58173,89 1,85.4183 1,81L 1,8.99998C 1,4.58171 4.58173,0.999985 9,0.999985 Z "/>
+<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>
diff --git a/scripts/system/html/css/miniTablet.css b/scripts/system/html/css/miniTablet.css
index e633f93664..3b01a45613 100644
--- a/scripts/system/html/css/miniTablet.css
+++ b/scripts/system/html/css/miniTablet.css
@@ -26,11 +26,11 @@ body {
 section {
     background-color: #404040;
     position: relative;
-    padding: 13px;
+    padding: 13px 9px;
 }
 
 .button {
-    width: 100%;
+    width: 128px;
     height: 90px;
     margin-top: 10px;
     text-align: center;
@@ -41,7 +41,7 @@ section {
     }
 
 img {
-    width: 44px;
+    width: 46px;
 }
 
 #mute {
@@ -78,14 +78,9 @@ img {
             background-image: url("./img/mt-bubble-a-hover.svg");
         }
 
-    #bubble img {
-        position: relative;
-        left: -2px;
-    }
-
 #expand {
     position: absolute;
-    right: 14px;
+    right: 12px;
     bottom: 13px;
     width: 40px;
     height: 40px;