fix(ui): wrong size of svg images on buttons

Replaced size in percentage with size in pixels in call and emote buttons.
Added margin to mic and volume buttons.

ui/callButton/callButton.svg

@@ -8,8 +8,8 @@
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    version="1.1"
-   width="100%"
+   width="25"
-   height="100%"
+   height="23"
    viewBox="0 0 25 23"
    id="Layer_1"
    xml:space="preserve"><metadata
@@ -19,4 +19,4 @@
      id="defs7" /><path
      d="m 19.546776,-0.03791866 c 0,0 -0.585151,-0.1170302 -0.819211,0.58515098 L 16.621021,5.4625006 c 0,0 -0.35109,0.7021812 0.234061,1.4043624 l 1.521392,1.9895133 c 0,0 0.585151,0.4681208 0.11703,1.1703017 -0.46812,0.585151 -2.691694,4.681208 -8.426174,7.255873 0,0 -0.702181,0.46812 -1.287332,-0.234061 C 8.3118772,16.346309 6.6734545,13.771645 5.6201827,14.239765 L 0.35382383,16.6974 c 0,0 -0.46812079,0 -0.35109059,0.936241 0.1170302,0.936242 0,5.266359 6.20260046,5.266359 7.3729023,0 18.6078013,-10.649748 18.6078013,-17.3204692 0,0 0,-5.61744946 -3.510906,-5.61744946 h -1.755453 z"
      id="path3"
-     style="fill:#ffffff" /></svg>
+     style="fill:#ffffff" /></svg>

ui/emoteButton/emoteButton.svg

@@ -8,8 +8,8 @@
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
    version="1.1"
-   width="100%"
+   width="17"
-   height="100%"
+   height="17"
    viewBox="0 0 17 17"
    id="Layer_1"
    xml:space="preserve"><metadata
@@ -25,4 +25,4 @@
        id="g7"><path
          d="M 0.7,6.6 C 0.7,6.6 0.8,6.7 1,6.9 1.2,7.1 1.5,7.4 1.8,7.7 2.2,8 2.7,8.2 3.2,8.4 3.5,8.5 3.8,8.5 4.1,8.6 4.3,8.7 4.7,8.7 5,8.7 5.4,8.7 5.7,8.7 6,8.6 6.3,8.6 6.6,8.5 6.9,8.4 7.4,8.2 7.9,8 8.3,7.7 9.1,7.1 9.4,6.5 9.4,6.6 l 0.7,0.2 c 0,0 0,0.2 -0.2,0.5 C 9.6,7.7 9.4,8.2 9,8.6 8.8,8.9 8.5,9.1 8.3,9.3 8,9.5 7.6,9.7 7.3,9.8 6.9,9.9 6.6,10.1 6.2,10.1 5.8,10.2 5.4,10.2 5.1,10.2 4.6,10.2 4.3,10.2 3.9,10.1 3.4,10.1 3,10 2.7,9.8 2.3,9.7 2,9.5 1.7,9.3 1.4,9.1 1.2,8.9 1,8.6 0.2,7.7 0,6.9 0,6.9 L 0.7,6.6 z"
          id="path9"
-         style="fill:#ffffff" /></g></g></svg>
+         style="fill:#ffffff" /></g></g></svg>

ui/micButton/micButton.svg

@@ -1,21 +1,15 @@
 <?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"
    id="svg4867"
    version="1.1"
-   inkscape:version="0.91 r13725"
+   width="30"
-   width="27.5"
+   height="28"
-   height="22.5"
+   viewBox="0 0 28.124999 26.25">
-   viewBox="0 0 27.5 22.5"
-   sodipodi:docname="micButton.svg">
   <metadata
      id="metadata4873">
     <rdf:RDF>
@@ -30,29 +24,9 @@
   </metadata>
   <defs
      id="defs4871" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1280"
-     inkscape:window-height="965"
-     id="namedview4869"
-     showgrid="false"
-     inkscape:zoom="22.627418"
-     inkscape:cx="11.743876"
-     inkscape:cy="5.7111464"
-     inkscape:window-x="0"
-     inkscape:window-y="96"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg4867" />
   <g
      id="g4144"
-     transform="matrix(1.1244169,0,0,1.1264917,-1.7361911,-1.4498809)">
+     transform="matrix(1.1279459,0,0,1.1264917,-1.4773586,0.42511766)">
     <rect
        ry="2.6881006"
        y="1.2870765"
@@ -80,8 +54,6 @@
        id="rect5427"
        style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.70899999;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
     <path
-       sodipodi:nodetypes="csc"
-       inkscape:connector-curvature="0"
        id="path5431"
        d="m 7.0765239,9.8278885 c 0,0 -0.9033248,7.8098235 6.4139421,7.8098235 7.317267,0 7.022576,-7.8534036 7.022576,-7.8534036"
        style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.89999998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />

ui/volButton/volButton.svg

@@ -1,21 +1,15 @@
 <?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"
+   viewBox="0 0 20.625 20.625"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="22"
-   id="svg5872"
+   width="22"
    version="1.1"
-   inkscape:version="0.91 r13725"
+   id="svg5872">
-   width="20.625"
-   height="16.875"
-   viewBox="0 0 20.625 16.875"
-   sodipodi:docname="volButton.svg">
   <metadata
      id="metadata5878">
     <rdf:RDF>
@@ -24,60 +18,35 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
+        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
   <defs
      id="defs5876" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1280"
-     inkscape:window-height="965"
-     id="namedview5874"
-     showgrid="false"
-     inkscape:zoom="22.627417"
-     inkscape:cx="11.342775"
-     inkscape:cy="5.7587929"
-     inkscape:window-x="0"
-     inkscape:window-y="96"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg5872" />
   <g
-     id="g3465"
+     transform="matrix(1.1540409,0,0,1.1540409,-0.84812976,0.4794057)"
-     transform="matrix(1.1540409,0,0,1.1540409,-0.84812976,-1.3955943)">
+     id="g3465">
     <rect
-       rx="1.281631"
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.89999998;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
-       ry="1.4363106"
-       y="5.6757092"
-       x="1.8454813"
-       height="5.5364447"
-       width="5.2330775"
        id="rect6422"
-       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.89999998;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+       width="5.2330775"
+       height="5.5364447"
+       x="1.8454813"
+       y="5.6757092"
+       ry="1.4363106"
+       rx="1.281631" />
     <path
-       inkscape:connector-curvature="0"
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:1"
-       id="path6434"
        d="m 13.014741,4.9931342 c 0,0 2.696002,3.0409607 0,7.7105728"
-       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:bevel;stroke-opacity:1" />
+       id="path6434" />
     <path
-       sodipodi:nodetypes="cc"
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
-       inkscape:connector-curvature="0"
-       id="path6438"
        d="m 15.269462,2.9706889 c 0,0 4.044848,4.3654114 0,10.8453631"
-       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1" />
+       id="path6438" />
     <path
-       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 6.337401,6.1307596 10.26,2.246 l 0,12.586 -4.0174011,-4.384584 z"
        id="path4750"
-       inkscape:connector-curvature="0"
+       d="M 6.337401,6.1307596 10.26,2.246 V 14.832 L 6.2425989,10.447416 Z"
-       sodipodi:nodetypes="ccccc" />
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
   </g>
 </svg>