Update button layout

This commit is contained in:
David Rowe 2018-09-08 12:40:36 +12:00
parent c0a153482a
commit 8eeed772eb
9 changed files with 114 additions and 74 deletions

View file

@ -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>

After

Width:  |  Height:  |  Size: 3.9 KiB

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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;
}

View file

@ -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>