ui: update callwidget buttons

- buttons are .css and .ui based. - .svg used as icons are set in .ui. - .svg updated, filled circles removed. - backgrounds and borders are set in .css. - redundant and no-more-used code in callwidget.cpp/instantmessagingwidget.cpp removed. Change-Id: I9c52801a49d503c3c6a7dc8df9ae02ff90bb6a67 Tuleap: #148

ui: update callwidget buttons
1ddb38d5 · Nicolas Jager · Edric Milaret · 4913047f · 1ddb38d5 · 1ddb38d5
Commit 1ddb38d5 authored Jan 20, 2016 by Nicolas Jager Committed by Edric Milaret Jan 22, 2016
--- a/callwidget.cpp
+++ b/callwidget.cpp
@@ -75,11 +75,6 @@ CallWidget::CallWidget(QWidget* parent) :
    ui->ringLogo->setPixmap(logo.scaledToHeight(100, Qt::SmoothTransformation));
    ui->ringLogo->setAlignment(Qt::AlignHCenter);

-    QPixmap sendPixmap(":/images/ic_send_white.svg");
-    QIcon sendIcon(sendPixmap);
-    ui->sendButton->setIcon(sendIcon);
-    ui->sendButton->setIconSize(sendPixmap.rect().size());
-
    GlobalInstances::setPixmapManipulator(std::unique_ptr<Interfaces::PixbufManipulator>(new Interfaces::PixbufManipulator()));

    try {

--- a/callwidget.ui
+++ b/callwidget.ui
@@ -215,6 +215,16 @@
                <property name="text">
                 <string/>
                </property>
+                <property name="icon">
+                 <iconset resource="ressources.qrc">
+                  <normaloff>:/images/call/btn-call.svg</normaloff>:/images/call/btn-call.svg</iconset>
+                </property>
+                <property name="iconSize">
+                 <size>
+                  <width>30</width>
+                  <height>30</height>
+                 </size>
+                </property>
               </widget>
              </item>
              <item>
@@ -463,7 +473,7 @@
               <number>0</number>
              </property>
              <widget class="QWidget" name="welcomePage">
-               <layout class="QVBoxLayout" name="verticalLayout_11">
+               <layout class="QVBoxLayout" name="verticalLayout_15">
                <property name="spacing">
                 <number>0</number>
                </property>
@@ -698,6 +708,16 @@
                    <property name="text">
                     <string/>
                    </property>
+                    <property name="icon">
+                     <iconset resource="ressources.qrc">
+                      <normaloff>:/images/ic_arrow_back_white.svg</normaloff>:/images/ic_arrow_back_white.svg</iconset>
+                    </property>
+                    <property name="iconSize">
+                     <size>
+                      <width>30</width>
+                      <height>30</height>
+                     </size>
+                    </property>
                    <property name="flat">
                     <bool>false</bool>
                    </property>
@@ -845,9 +865,22 @@
                      <height>36</height>
                     </size>
                    </property>
+                    <property name="toolTip">
+                     <string>send message</string>
+                    </property>
                    <property name="text">
                     <string/>
                    </property>
+                    <property name="icon">
+                     <iconset resource="ressources.qrc">
+                      <normaloff>:/images/ic_send_white.svg</normaloff>:/images/ic_send_white.svg</iconset>
+                    </property>
+                    <property name="iconSize">
+                     <size>
+                      <width>36</width>
+                      <height>36</height>
+                     </size>
+                    </property>
                   </widget>
                  </item>
                 </layout>
@@ -983,8 +1016,18 @@
                       </property>
                       <property name="minimumSize">
                        <size>
-                         <width>63</width>
-                         <height>63</height>
+                         <width>64</width>
+                         <height>64</height>
+                        </size>
+                       </property>
+                       <property name="icon">
+                        <iconset resource="ressources.qrc">
+                         <normaloff>:/images/call/btn-call.svg</normaloff>:/images/call/btn-call.svg</iconset>
+                       </property>
+                       <property name="iconSize">
+                        <size>
+                         <width>34</width>
+                         <height>34</height>
                        </size>
                       </property>
                      </widget>
@@ -1015,19 +1058,23 @@
                       </property>
                       <property name="minimumSize">
                        <size>
-                         <width>63</width>
-                         <height>63</height>
-                        </size>
-                       </property>
-                       <property name="baseSize">
-                        <size>
-                         <width>63</width>
-                         <height>63</height>
+                         <width>64</width>
+                         <height>64</height>
                        </size>
                       </property>
                       <property name="layoutDirection">
                        <enum>Qt::RightToLeft</enum>
                       </property>
+                       <property name="icon">
+                        <iconset resource="ressources.qrc">
+                         <normaloff>:/images/call/btn-ignore.svg</normaloff>:/images/call/btn-ignore.svg</iconset>
+                       </property>
+                       <property name="iconSize">
+                        <size>
+                         <width>34</width>
+                         <height>34</height>
+                        </size>
+                       </property>
                      </widget>
                     </item>
                    </layout>
@@ -1160,19 +1207,35 @@
                     </property>
                     <property name="minimumSize">
                      <size>
-                       <width>63</width>
-                       <height>63</height>
+                       <width>64</width>
+                       <height>64</height>
+                      </size>
+                     </property>
+                     <property name="maximumSize">
+                      <size>
+                       <width>64</width>
+                       <height>64</height>
                      </size>
                     </property>
                     <property name="baseSize">
                      <size>
-                       <width>63</width>
-                       <height>63</height>
+                       <width>64</width>
+                       <height>64</height>
                      </size>
                     </property>
                     <property name="layoutDirection">
                      <enum>Qt::LeftToRight</enum>
                     </property>
+                     <property name="icon">
+                      <iconset resource="ressources.qrc">
+                       <normaloff>:/images/call/btn-ignore.svg</normaloff>:/images/call/btn-ignore.svg</iconset>
+                     </property>
+                     <property name="iconSize">
+                      <size>
+                       <width>34</width>
+                       <height>34</height>
+                      </size>
+                     </property>
                    </widget>
                   </item>
                   <item>

--- a/combar.ui
+++ b/combar.ui
@@ -58,10 +58,22 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/hover-contact/btn-video.svg</normaloff>:/images/hover-contact/btn-video.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>20</width>
+       <height>20</height>
+      </size>
+     </property>
    </widget>
   </item>
  </layout>
 </widget>
- <resources/>
+ <resources>
+  <include location="ressources.qrc"/>
+ </resources>
 <connections/>
 </ui>
--- a/images/call/btn-call.svg
+++ b/images/call/btn-call.svg
@@ -22,7 +22,7 @@
   sodipodi:docname="btn-call.svg"><metadata
     id="metadata13"><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
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
     id="defs11" /><sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
@@ -32,21 +32,17 @@
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
-     inkscape:window-width="711"
-     inkscape:window-height="480"
+     inkscape:window-width="1882"
+     inkscape:window-height="1027"
     id="namedview9"
     showgrid="false"
     inkscape:zoom="3.6875"
-     inkscape:cx="33.627119"
+     inkscape:cx="-7.3220335"
     inkscape:cy="32"
-     inkscape:window-x="929"
-     inkscape:window-y="170"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="Calque_1" /><path
-     fill="#4CAF50"
-     d="M64,32c0,17.673-14.327,32-32,32l0,0C14.327,64,0,49.673,0,32l0,0C0,14.327,14.327,0,32,0l0,0  C49.673,0,64,14.327,64,32L64,32z"
-     id="path3"
-     style="fill:#00bfd3;fill-opacity:1" /><g
+     inkscape:window-x="0"
+     inkscape:window-y="28"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Calque_1" /><g
     id="g5"
     transform="matrix(1.4449245,0,0,1.4449245,-13.83125,-15.186292)"><path
       d="m 45.715,39.948 c 0,0.351 -0.066,0.809 -0.196,1.374 -0.131,0.563 -0.267,1.011 -0.409,1.334 -0.272,0.649 -1.063,1.338 -2.376,2.065 -1.222,0.663 -2.428,0.993 -3.624,0.993 -0.35,0 -0.689,-0.022 -1.022,-0.068 -0.33,-0.045 -0.704,-0.126 -1.12,-0.244 -0.415,-0.117 -0.723,-0.21 -0.926,-0.282 -0.199,-0.07 -0.562,-0.204 -1.08,-0.398 -0.518,-0.194 -0.837,-0.312 -0.954,-0.352 -1.273,-0.455 -2.409,-0.994 -3.41,-1.616 -1.662,-1.026 -3.379,-2.425 -5.152,-4.198 -1.772,-1.772 -3.172,-3.489 -4.198,-5.153 -0.623,-1 -1.163,-2.136 -1.617,-3.408 -0.039,-0.118 -0.155,-0.436 -0.35,-0.955 -0.195,-0.52 -0.328,-0.88 -0.4,-1.082 -0.071,-0.201 -0.165,-0.509 -0.282,-0.926 -0.117,-0.415 -0.198,-0.789 -0.244,-1.12 -0.045,-0.331 -0.068,-0.672 -0.068,-1.023 0,-1.195 0.331,-2.402 0.994,-3.623 0.727,-1.312 1.415,-2.104 2.064,-2.377 0.325,-0.142 0.77,-0.279 1.335,-0.409 0.565,-0.13 1.022,-0.195 1.373,-0.195 0.182,0 0.318,0.02 0.409,0.058 0.234,0.079 0.578,0.572 1.033,1.481 0.143,0.247 0.338,0.597 0.584,1.051 0.247,0.455 0.474,0.867 0.682,1.237 0.208,0.371 0.409,0.718 0.604,1.043 0.039,0.052 0.153,0.214 0.341,0.487 0.188,0.273 0.328,0.503 0.419,0.692 0.09,0.188 0.136,0.373 0.136,0.554 0,0.261 -0.186,0.585 -0.555,0.974 -0.371,0.39 -0.773,0.747 -1.208,1.072 -0.435,0.325 -0.837,0.669 -1.208,1.033 -0.371,0.364 -0.556,0.662 -0.556,0.896 0,0.117 0.032,0.263 0.098,0.438 0.065,0.175 0.12,0.308 0.166,0.399 0.045,0.091 0.137,0.247 0.273,0.468 0.137,0.221 0.211,0.344 0.224,0.371 0.986,1.779 2.116,3.305 3.39,4.579 1.272,1.272 2.798,2.402 4.578,3.389 0.026,0.014 0.148,0.088 0.369,0.225 0.222,0.137 0.376,0.228 0.468,0.272 0.091,0.046 0.226,0.1 0.4,0.166 0.176,0.063 0.32,0.097 0.438,0.097 0.234,0 0.534,-0.187 0.897,-0.556 0.361,-0.37 0.707,-0.772 1.03,-1.207 0.325,-0.436 0.683,-0.838 1.072,-1.209 0.389,-0.369 0.714,-0.556 0.974,-0.556 0.182,0 0.368,0.049 0.557,0.137 0.188,0.091 0.418,0.231 0.691,0.419 0.273,0.188 0.434,0.302 0.485,0.341 0.324,0.194 0.674,0.397 1.043,0.604 0.371,0.209 0.781,0.437 1.238,0.682 0.454,0.248 0.804,0.442 1.052,0.586 0.909,0.453 1.403,0.799 1.479,1.032 0.038,0.09 0.059,0.227 0.059,0.408 z"

--- a/images/call/btn-ignore.svg
+++ b/images/call/btn-ignore.svg
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
-<path fill="#F44336" d="M64,32c0,17.673-14.327,32-32,32l0,0C14.327,64,0,49.673,0,32l0,0C0,14.327,14.327,0,32,0l0,0
-	C49.673,0,64,14.327,64,32L64,32z"/>
-<g>
-	<path fill="#FFFFFF" d="M42.622,38.764c0,0.487-0.171,0.9-0.512,1.242l-2.481,2.482c-0.342,0.34-0.755,0.511-1.241,0.511
-		c-0.487,0-0.901-0.171-1.243-0.511l-5.365-5.367l-5.367,5.367c-0.341,0.34-0.755,0.511-1.242,0.511s-0.901-0.171-1.241-0.511
-		l-2.482-2.482c-0.341-0.342-0.511-0.755-0.511-1.242c0-0.486,0.17-0.9,0.511-1.241l5.367-5.367l-5.367-5.367
-		c-0.341-0.34-0.511-0.754-0.511-1.241s0.17-0.9,0.511-1.241l2.482-2.483c0.34-0.34,0.754-0.511,1.241-0.511s0.9,0.171,1.242,0.511
-		l5.367,5.367l5.365-5.367c0.342-0.34,0.756-0.511,1.243-0.511c0.486,0,0.899,0.171,1.241,0.511l2.481,2.483
-		c0.341,0.341,0.512,0.754,0.512,1.241s-0.171,0.901-0.512,1.241l-5.367,5.367l5.367,5.367
-		C42.451,37.863,42.622,38.277,42.622,38.764z"/>
-</g>
-</svg>
+
+<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="Calque_1"
+   x="0px"
+   y="0px"
+   width="64px"
+   height="64px"
+   viewBox="0 0 64 64"
+   enable-background="new 0 0 64 64"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="btn-ignore.svg"><metadata
+     id="metadata4243"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs4241" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="711"
+     inkscape:window-height="480"
+     id="namedview4239"
+     showgrid="false"
+     inkscape:zoom="3.6875"
+     inkscape:cx="33.627119"
+     inkscape:cy="32"
+     inkscape:window-x="0"
+     inkscape:window-y="4"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1" /><g
+     id="g4235"
+     transform="matrix(2.0004572,0,0,2.1004522,-31.794031,-35.386141)"><path
+       d="m 42.622,38.764 c 0,0.487 -0.171,0.9 -0.512,1.242 l -2.481,2.482 c -0.342,0.34 -0.755,0.511 -1.241,0.511 -0.487,0 -0.901,-0.171 -1.243,-0.511 l -5.365,-5.367 -5.367,5.367 c -0.341,0.34 -0.755,0.511 -1.242,0.511 -0.487,0 -0.901,-0.171 -1.241,-0.511 l -2.482,-2.482 c -0.341,-0.342 -0.511,-0.755 -0.511,-1.242 0,-0.486 0.17,-0.9 0.511,-1.241 l 5.367,-5.367 -5.367,-5.367 c -0.341,-0.34 -0.511,-0.754 -0.511,-1.241 0,-0.487 0.17,-0.9 0.511,-1.241 l 2.482,-2.483 c 0.34,-0.34 0.754,-0.511 1.241,-0.511 0.487,0 0.9,0.171 1.242,0.511 l 5.367,5.367 5.365,-5.367 c 0.342,-0.34 0.756,-0.511 1.243,-0.511 0.486,0 0.899,0.171 1.241,0.511 l 2.481,2.483 c 0.341,0.341 0.512,0.754 0.512,1.241 0,0.487 -0.171,0.901 -0.512,1.241 l -5.367,5.367 5.367,5.367 c 0.341,0.34 0.512,0.754 0.512,1.241 z"
+       id="path4237"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff" /></g></svg>
\ No newline at end of file
--- a/images/hover-contact/btn-video.svg
+++ b/images/hover-contact/btn-video.svg
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
-<path fill="#00BFD3" d="M30,15c0,8.284-6.716,15-15,15l0,0C6.716,30,0,23.284,0,15l0,0C0,6.716,6.716,0,15,0l0,0
-	C23.284,0,30,6.716,30,15L30,15z"/>
-<g>
-	<path fill="#FFFFFF" d="M22.31,10.562v8.875c0,0.229-0.105,0.389-0.318,0.48c-0.071,0.028-0.139,0.041-0.204,0.041
-		c-0.146,0-0.269-0.051-0.367-0.154l-3.288-3.287v1.354c0,0.646-0.229,1.199-0.688,1.659c-0.459,0.46-1.013,0.689-1.66,0.689H10.04
-		c-0.647,0-1.201-0.229-1.66-0.689c-0.46-0.46-0.69-1.013-0.69-1.659v-5.744c0-0.646,0.229-1.201,0.69-1.66
-		c0.459-0.46,1.013-0.689,1.66-0.689h5.743c0.647,0,1.201,0.229,1.66,0.689c0.46,0.459,0.688,1.013,0.688,1.66v1.346l3.288-3.28
-		c0.099-0.103,0.221-0.155,0.367-0.155c0.065,0,0.133,0.014,0.204,0.041C22.204,10.173,22.31,10.334,22.31,10.562z"/>
-</g>
-</svg>
+
+<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="Calque_1"
+   x="0px"
+   y="0px"
+   width="30px"
+   height="30px"
+   viewBox="0 0 30 30"
+   enable-background="new 0 0 30 30"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="btn-video.svg"><metadata
+     id="metadata4254"><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="defs4252" /><sodipodi:namedview
+     pagecolor="#7e7e7e"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1882"
+     inkscape:window-height="1027"
+     id="namedview4250"
+     showgrid="false"
+     inkscape:zoom="28.6"
+     inkscape:cx="15.20979"
+     inkscape:cy="15"
+     inkscape:window-x="0"
+     inkscape:window-y="28"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Calque_1" /><g
+     id="g4246"
+     transform="matrix(1.9805516,0,0,1.9805516,-14.708274,-14.706803)"><path
+       d="m 22.31,10.562 0,8.875 c 0,0.229 -0.105,0.389 -0.318,0.48 -0.071,0.028 -0.139,0.041 -0.204,0.041 -0.146,0 -0.269,-0.051 -0.367,-0.154 l -3.288,-3.287 0,1.354 c 0,0.646 -0.229,1.199 -0.688,1.659 -0.459,0.46 -1.013,0.689 -1.66,0.689 l -5.745,0 C 9.393,20.219 8.839,19.99 8.38,19.53 7.92,19.07 7.69,18.517 7.69,17.871 l 0,-5.744 c 0,-0.646 0.229,-1.201 0.69,-1.66 0.459,-0.46 1.013,-0.689 1.66,-0.689 l 5.743,0 c 0.647,0 1.201,0.229 1.66,0.689 0.46,0.459 0.688,1.013 0.688,1.66 l 0,1.346 3.288,-3.28 c 0.099,-0.103 0.221,-0.155 0.367,-0.155 0.065,0 0.133,0.014 0.204,0.041 0.214,0.094 0.32,0.255 0.32,0.483 z"
+       id="path4248"
+       inkscape:connector-curvature="0"
+       style="fill:#ffffff" /></g></svg>
\ No newline at end of file
--- a/images/video-conf/btn-add-contact-to-conf.svg
+++ b/images/video-conf/btn-add-contact-to-conf.svg
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
-<path opacity="0.6" d="M36,18c0,9.941-8.059,18-18,18l0,0C8.059,36,0,27.941,0,18l0,0C0,8.059,8.059,0,18,0l0,0
-	C27.941,0,36,8.059,36,18L36,18z"/>
-<g>
-	<path fill="#FFFFFF" stroke="#231F20" stroke-width="0.0227" stroke-miterlimit="10" d="M23.844,15.221
-		c-2.62,0-4.743,2.124-4.743,4.745c0,2.619,2.123,4.743,4.743,4.743s4.744-2.124,4.744-4.743
-		C28.588,17.345,26.464,15.221,23.844,15.221z M27.075,20.694h-2.519V23.2H23.13v-2.506h-2.518v-1.426h2.518v-2.54h1.427v2.54h2.519
-		V20.694z"/>
-	<path fill="#FFFFFF" d="M17.583,19.966c0-2.364,1.31-4.421,3.244-5.488c0.016-0.071,0.032-0.143,0.049-0.216
-		c0.128-0.604,0.203-1.302,0.191-2.106c0,0,0-0.001,0-0.002c-0.003-0.127-0.006-0.252-0.016-0.376
-		c0.001-0.046,0.002-0.092,0.002-0.139c0-0.961-0.337-1.843-0.898-2.535c-0.738-0.906-1.862-1.485-3.121-1.485
-		c-1.588,0-2.96,0.92-3.613,2.256c-0.261,0.533-0.407,1.131-0.407,1.764c0,0.126,0.007,0.252,0.018,0.375
-		c-0.128,3.176,1.76,5.365,1.76,5.365c-2.648,0.798-4.96,2.916-5.403,5.708c-0.184,1.155,1.166,1.925,2.039,2.315
-		c1.714,0.772,3.672,1.036,5.535,1.049c1.559,0.011,3.173-0.155,4.674-0.625C19.269,24.933,17.583,22.646,17.583,19.966z"/>
-</g>
-</svg>
+
+<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="Calque_1"
+   x="0px"
+   y="0px"
+   width="36px"
+   height="36px"
+   viewBox="0 0 36 36"
+   enable-background="new 0 0 36 36"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="btn-add-contact-to-conf.svg"><metadata
+     id="metadata4437"><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="defs4435" /><sodipodi:namedview
+     pagecolor="#808080"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="711"
+     inkscape:window-height="480"
+     id="namedview4433"
+     showgrid="false"
+     inkscape:zoom="6.5555556"
+     inkscape:cx="18.915254"
+     inkscape:cy="18"
+     inkscape:window-x="0"
+     inkscape:window-y="4"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1" /><g
+     id="g4427"><path
+       fill="#FFFFFF"
+       stroke="#231F20"
+       stroke-width="0.0227"
+       stroke-miterlimit="10"
+       d="M23.844,15.221   c-2.62,0-4.743,2.124-4.743,4.745c0,2.619,2.123,4.743,4.743,4.743s4.744-2.124,4.744-4.743   C28.588,17.345,26.464,15.221,23.844,15.221z M27.075,20.694h-2.519V23.2H23.13v-2.506h-2.518v-1.426h2.518v-2.54h1.427v2.54h2.519   V20.694z"
+       id="path4429" /><path
+       fill="#FFFFFF"
+       d="M17.583,19.966c0-2.364,1.31-4.421,3.244-5.488c0.016-0.071,0.032-0.143,0.049-0.216   c0.128-0.604,0.203-1.302,0.191-2.106c0,0,0-0.001,0-0.002c-0.003-0.127-0.006-0.252-0.016-0.376   c0.001-0.046,0.002-0.092,0.002-0.139c0-0.961-0.337-1.843-0.898-2.535c-0.738-0.906-1.862-1.485-3.121-1.485   c-1.588,0-2.96,0.92-3.613,2.256c-0.261,0.533-0.407,1.131-0.407,1.764c0,0.126,0.007,0.252,0.018,0.375   c-0.128,3.176,1.76,5.365,1.76,5.365c-2.648,0.798-4.96,2.916-5.403,5.708c-0.184,1.155,1.166,1.925,2.039,2.315   c1.714,0.772,3.672,1.036,5.535,1.049c1.559,0.011,3.173-0.155,4.674-0.625C19.269,24.933,17.583,22.646,17.583,19.966z"
+       id="path4431" /></g></svg>
\ No newline at end of file
--- a/images/video-conf/btn-chat.svg
+++ b/images/video-conf/btn-chat.svg
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
-<path opacity="0.6" d="M36,18c0,9.941-8.059,18-18,18l0,0C8.059,36,0,27.941,0,18l0,0C0,8.059,8.059,0,18,0l0,0
-	C27.941,0,36,8.059,36,18L36,18z"/>
-<g>
-	<path fill="#FFFFFF" d="M26.17,14.092c0.804,0.988,1.205,2.064,1.205,3.229s-0.401,2.242-1.205,3.229
-		c-0.804,0.988-1.896,1.768-3.274,2.341c-1.38,0.572-2.887,0.858-4.521,0.858c-0.736,0-1.443-0.061-2.119-0.181
-		c-1.159,1.158-2.615,1.925-4.37,2.3c-0.348,0.067-0.636,0.11-0.863,0.131c-0.08,0.007-0.154-0.014-0.221-0.061
-		c-0.067-0.047-0.111-0.106-0.131-0.181c-0.027-0.101,0.04-0.225,0.201-0.371c0.033-0.034,0.111-0.105,0.235-0.217
-		c0.124-0.11,0.21-0.188,0.257-0.235c0.046-0.047,0.125-0.133,0.235-0.257s0.191-0.229,0.241-0.316
-		c0.051-0.087,0.119-0.211,0.206-0.371c0.087-0.161,0.154-0.321,0.201-0.482c0.047-0.16,0.095-0.353,0.146-0.577
-		c0.05-0.225,0.092-0.468,0.125-0.729c-0.978-0.603-1.746-1.327-2.305-2.175c-0.56-0.847-0.839-1.749-0.839-2.707
-		c0-1.165,0.401-2.241,1.205-3.229s1.896-1.768,3.274-2.341c1.38-0.572,2.887-0.858,4.521-0.858s3.141,0.286,4.521,0.858
-		C24.274,12.324,25.366,13.104,26.17,14.092z M15.427,18.23c0.251-0.251,0.377-0.554,0.377-0.909c0-0.354-0.126-0.658-0.377-0.909
-		s-0.554-0.376-0.909-0.376c-0.354,0-0.657,0.125-0.909,0.376c-0.251,0.251-0.376,0.555-0.376,0.909
-		c0,0.355,0.125,0.658,0.376,0.909c0.252,0.251,0.555,0.377,0.909,0.377C14.873,18.607,15.176,18.481,15.427,18.23z M19.284,18.23
-		c0.251-0.251,0.377-0.554,0.377-0.909c0-0.354-0.126-0.658-0.377-0.909s-0.555-0.376-0.909-0.376c-0.355,0-0.658,0.125-0.909,0.376
-		s-0.377,0.555-0.377,0.909c0,0.355,0.126,0.658,0.377,0.909s0.554,0.377,0.909,0.377C18.729,18.607,19.033,18.481,19.284,18.23z
-		 M23.142,18.23c0.251-0.251,0.376-0.554,0.376-0.909c0-0.354-0.125-0.658-0.376-0.909c-0.252-0.251-0.555-0.376-0.909-0.376
-		c-0.355,0-0.658,0.125-0.909,0.376s-0.377,0.555-0.377,0.909c0,0.355,0.126,0.658,0.377,0.909s0.554,0.377,0.909,0.377
-		C22.587,18.607,22.89,18.481,23.142,18.23z"/>
-</g>
-</svg>
+
+<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="Calque_1"
+   x="0px"
+   y="0px"
+   width="36px"
+   height="36px"
+   viewBox="0 0 36 36"
+   enable-background="new 0 0 36 36"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="btn-chat.svg"><metadata
+     id="metadata8149"><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="defs8147" /><sodipodi:namedview
+     pagecolor="#808080"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="711"
+     inkscape:window-height="480"
+     id="namedview8145"
+     showgrid="false"
+     inkscape:zoom="6.5555556"
+     inkscape:cx="18.915254"
+     inkscape:cy="18"
+     inkscape:window-x="0"
+     inkscape:window-y="4"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1" /><g
+     id="g8141"><path
+       fill="#FFFFFF"
+       d="M26.17,14.092c0.804,0.988,1.205,2.064,1.205,3.229s-0.401,2.242-1.205,3.229   c-0.804,0.988-1.896,1.768-3.274,2.341c-1.38,0.572-2.887,0.858-4.521,0.858c-0.736,0-1.443-0.061-2.119-0.181   c-1.159,1.158-2.615,1.925-4.37,2.3c-0.348,0.067-0.636,0.11-0.863,0.131c-0.08,0.007-0.154-0.014-0.221-0.061   c-0.067-0.047-0.111-0.106-0.131-0.181c-0.027-0.101,0.04-0.225,0.201-0.371c0.033-0.034,0.111-0.105,0.235-0.217   c0.124-0.11,0.21-0.188,0.257-0.235c0.046-0.047,0.125-0.133,0.235-0.257s0.191-0.229,0.241-0.316   c0.051-0.087,0.119-0.211,0.206-0.371c0.087-0.161,0.154-0.321,0.201-0.482c0.047-0.16,0.095-0.353,0.146-0.577   c0.05-0.225,0.092-0.468,0.125-0.729c-0.978-0.603-1.746-1.327-2.305-2.175c-0.56-0.847-0.839-1.749-0.839-2.707   c0-1.165,0.401-2.241,1.205-3.229s1.896-1.768,3.274-2.341c1.38-0.572,2.887-0.858,4.521-0.858s3.141,0.286,4.521,0.858   C24.274,12.324,25.366,13.104,26.17,14.092z M15.427,18.23c0.251-0.251,0.377-0.554,0.377-0.909c0-0.354-0.126-0.658-0.377-0.909   s-0.554-0.376-0.909-0.376c-0.354,0-0.657,0.125-0.909,0.376c-0.251,0.251-0.376,0.555-0.376,0.909   c0,0.355,0.125,0.658,0.376,0.909c0.252,0.251,0.555,0.377,0.909,0.377C14.873,18.607,15.176,18.481,15.427,18.23z M19.284,18.23   c0.251-0.251,0.377-0.554,0.377-0.909c0-0.354-0.126-0.658-0.377-0.909s-0.555-0.376-0.909-0.376c-0.355,0-0.658,0.125-0.909,0.376   s-0.377,0.555-0.377,0.909c0,0.355,0.126,0.658,0.377,0.909s0.554,0.377,0.909,0.377C18.729,18.607,19.033,18.481,19.284,18.23z    M23.142,18.23c0.251-0.251,0.376-0.554,0.376-0.909c0-0.354-0.125-0.658-0.376-0.909c-0.252-0.251-0.555-0.376-0.909-0.376   c-0.355,0-0.658,0.125-0.909,0.376s-0.377,0.555-0.377,0.909c0,0.355,0.126,0.658,0.377,0.909s0.554,0.377,0.909,0.377   C22.587,18.607,22.89,18.481,23.142,18.23z"
+       id="path8143" /></g></svg>
\ No newline at end of file
--- a/images/video-conf/btn-hangup.svg
+++ b/images/video-conf/btn-hangup.svg
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
-<path fill="#F44336" d="M36,18c0,9.941-8.059,18-18,18l0,0C8.059,36,0,27.941,0,18l0,0C0,8.059,8.059,0,18,0l0,0
-	C27.941,0,36,8.059,36,18L36,18z"/>
-<g>
-	<path fill="#FFFFFF" d="M8.204,22.37c-0.158-0.157-0.336-0.394-0.533-0.708c-0.196-0.314-0.336-0.578-0.418-0.789
-		c-0.17-0.417-0.124-1.086,0.141-2.008c0.252-0.852,0.649-1.547,1.189-2.088c0.159-0.159,0.323-0.303,0.494-0.432
-		c0.17-0.128,0.376-0.261,0.616-0.396c0.241-0.135,0.423-0.231,0.546-0.29s0.346-0.162,0.669-0.309
-		c0.323-0.147,0.52-0.238,0.59-0.272c0.781-0.372,1.54-0.641,2.273-0.811c1.215-0.289,2.625-0.432,4.229-0.432
-		c1.603,0,3.013,0.144,4.227,0.432c0.734,0.17,1.492,0.439,2.273,0.81c0.07,0.037,0.268,0.127,0.59,0.273
-		c0.323,0.146,0.546,0.25,0.67,0.309c0.123,0.059,0.306,0.155,0.547,0.29c0.239,0.135,0.445,0.268,0.617,0.396
-		c0.17,0.129,0.333,0.274,0.491,0.432c0.541,0.541,0.938,1.236,1.19,2.088c0.264,0.922,0.311,1.591,0.14,2.008
-		c-0.081,0.211-0.222,0.475-0.417,0.789c-0.197,0.313-0.375,0.55-0.533,0.708c-0.083,0.083-0.152,0.137-0.213,0.159
-		c-0.14,0.071-0.519,0.004-1.136-0.202c-0.176-0.048-0.423-0.118-0.74-0.212c-0.315-0.093-0.604-0.178-0.867-0.252
-		c-0.262-0.072-0.51-0.139-0.745-0.197c-0.04-0.005-0.165-0.027-0.374-0.066c-0.209-0.038-0.375-0.079-0.502-0.123
-		c-0.125-0.044-0.23-0.106-0.312-0.188c-0.117-0.117-0.18-0.349-0.19-0.691c-0.007-0.345,0.013-0.688,0.062-1.031
-		c0.051-0.345,0.077-0.681,0.08-1.013c0.002-0.333-0.05-0.552-0.155-0.657c-0.052-0.052-0.133-0.104-0.241-0.154
-		c-0.109-0.05-0.194-0.085-0.257-0.105c-0.061-0.021-0.173-0.05-0.334-0.088s-0.251-0.061-0.27-0.066
-		c-1.249-0.358-2.451-0.537-3.601-0.537c-1.152,0-2.353,0.179-3.604,0.537c-0.017,0.006-0.107,0.027-0.268,0.066
-		c-0.162,0.038-0.273,0.067-0.335,0.088c-0.062,0.021-0.146,0.056-0.255,0.105s-0.189,0.101-0.243,0.154
-		c-0.105,0.105-0.157,0.325-0.153,0.657c0.002,0.332,0.029,0.669,0.079,1.013c0.049,0.344,0.07,0.687,0.062,1.031
-		c-0.009,0.342-0.072,0.573-0.189,0.69c-0.083,0.083-0.187,0.146-0.312,0.189c-0.127,0.044-0.294,0.085-0.502,0.123
-		c-0.208,0.039-0.333,0.062-0.375,0.066c-0.234,0.059-0.483,0.124-0.744,0.198c-0.262,0.073-0.551,0.157-0.868,0.251
-		c-0.316,0.094-0.563,0.164-0.74,0.212c-0.617,0.205-0.995,0.272-1.137,0.202C8.356,22.507,8.287,22.453,8.204,22.37z"/>
-</g>
-</svg>
+
+<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="Calque_1"
+   x="0px"
+   y="0px"
+   width="36px"
+   height="36px"
+   viewBox="0 0 36 36"
+   enable-background="new 0 0 36 36"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="btn-hangup.svg"><metadata
+     id="metadata7518"><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="defs7516" /><sodipodi:namedview
+     pagecolor="#808080"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="711"
+     inkscape:window-height="480"
+     id="namedview7514"
+     showgrid="false"
+     inkscape:zoom="6.5555556"
+     inkscape:cx="18.915254"
+     inkscape:cy="18"
+     inkscape:window-x="0"
+     inkscape:window-y="4"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1" /><g
+     id="g7510"><path
+       fill="#FFFFFF"
+       d="M8.204,22.37c-0.158-0.157-0.336-0.394-0.533-0.708c-0.196-0.314-0.336-0.578-0.418-0.789   c-0.17-0.417-0.124-1.086,0.141-2.008c0.252-0.852,0.649-1.547,1.189-2.088c0.159-0.159,0.323-0.303,0.494-0.432   c0.17-0.128,0.376-0.261,0.616-0.396c0.241-0.135,0.423-0.231,0.546-0.29s0.346-0.162,0.669-0.309   c0.323-0.147,0.52-0.238,0.59-0.272c0.781-0.372,1.54-0.641,2.273-0.811c1.215-0.289,2.625-0.432,4.229-0.432   c1.603,0,3.013,0.144,4.227,0.432c0.734,0.17,1.492,0.439,2.273,0.81c0.07,0.037,0.268,0.127,0.59,0.273   c0.323,0.146,0.546,0.25,0.67,0.309c0.123,0.059,0.306,0.155,0.547,0.29c0.239,0.135,0.445,0.268,0.617,0.396   c0.17,0.129,0.333,0.274,0.491,0.432c0.541,0.541,0.938,1.236,1.19,2.088c0.264,0.922,0.311,1.591,0.14,2.008   c-0.081,0.211-0.222,0.475-0.417,0.789c-0.197,0.313-0.375,0.55-0.533,0.708c-0.083,0.083-0.152,0.137-0.213,0.159   c-0.14,0.071-0.519,0.004-1.136-0.202c-0.176-0.048-0.423-0.118-0.74-0.212c-0.315-0.093-0.604-0.178-0.867-0.252   c-0.262-0.072-0.51-0.139-0.745-0.197c-0.04-0.005-0.165-0.027-0.374-0.066c-0.209-0.038-0.375-0.079-0.502-0.123   c-0.125-0.044-0.23-0.106-0.312-0.188c-0.117-0.117-0.18-0.349-0.19-0.691c-0.007-0.345,0.013-0.688,0.062-1.031   c0.051-0.345,0.077-0.681,0.08-1.013c0.002-0.333-0.05-0.552-0.155-0.657c-0.052-0.052-0.133-0.104-0.241-0.154   c-0.109-0.05-0.194-0.085-0.257-0.105c-0.061-0.021-0.173-0.05-0.334-0.088s-0.251-0.061-0.27-0.066   c-1.249-0.358-2.451-0.537-3.601-0.537c-1.152,0-2.353,0.179-3.604,0.537c-0.017,0.006-0.107,0.027-0.268,0.066   c-0.162,0.038-0.273,0.067-0.335,0.088c-0.062,0.021-0.146,0.056-0.255,0.105s-0.189,0.101-0.243,0.154   c-0.105,0.105-0.157,0.325-0.153,0.657c0.002,0.332,0.029,0.669,0.079,1.013c0.049,0.344,0.07,0.687,0.062,1.031   c-0.009,0.342-0.072,0.573-0.189,0.69c-0.083,0.083-0.187,0.146-0.312,0.189c-0.127,0.044-0.294,0.085-0.502,0.123   c-0.208,0.039-0.333,0.062-0.375,0.066c-0.234,0.059-0.483,0.124-0.744,0.198c-0.262,0.073-0.551,0.157-0.868,0.251   c-0.316,0.094-0.563,0.164-0.74,0.212c-0.617,0.205-0.995,0.272-1.137,0.202C8.356,22.507,8.287,22.453,8.204,22.37z"
+       id="path7512" /></g></svg>
\ No newline at end of file
--- a/images/video-conf/btn-join.svg
+++ b/images/video-conf/btn-join.svg
@@ -24,29 +24,25 @@
         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="defs4181" /><sodipodi:namedview
-     pagecolor="#ffffff"
+     pagecolor="#808080"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
-     inkscape:pageopacity="0"
+     inkscape:pageopacity="1"
     inkscape:pageshadow="2"
-     inkscape:window-width="1517"
-     inkscape:window-height="954"
+     inkscape:window-width="1882"
+     inkscape:window-height="1027"
     id="namedview4179"
     showgrid="false"
     inkscape:zoom="16.852712"
-     inkscape:cx="20.924062"
+     inkscape:cx="11.96408"
     inkscape:cy="24.197511"
     inkscape:window-x="0"
-     inkscape:window-y="4"
+     inkscape:window-y="28"
     inkscape:window-maximized="1"
-     inkscape:current-layer="Calque_1" /><path
-     d="M36,18c0,9.941-8.059,18-18,18l0,0C8.059,36,0,27.941,0,18l0,0C0,8.059,8.059,0,18,0l0,0  C27.941,0,36,8.059,36,18L36,18z"
-     id="path4171"
-     style="stroke:#000000;stroke-opacity:0"
-     opacity="0.6" /><g
+     inkscape:current-layer="Calque_1" /><g
     id="g4390-0"
     transform="translate(-18.430904,-8.376696)"><path
       inkscape:connector-curvature="0"

--- a/images/video-conf/btn-nomic.svg
+++ b/images/video-conf/btn-nomic.svg
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
-<path opacity="0.6" d="M36,18c0,9.941-8.059,18-18,18l0,0C8.059,36,0,27.941,0,18l0,0C0,8.059,8.059,0,18,0l0,0
-	C27.941,0,36,8.059,36,18L36,18z"/>
-<g>
-	<path fill="#FFFFFF" d="M24.841,13.088l-3.627,3.626V18c0,0.884-0.314,1.641-0.943,2.27c-0.63,0.63-1.386,0.944-2.271,0.944
-		c-0.368,0-0.732-0.063-1.095-0.19l-0.964,0.964C16.591,22.329,17.277,22.5,18,22.5c1.239,0,2.299-0.44,3.179-1.321
-		C22.06,20.299,22.5,19.239,22.5,18v-1.286c0-0.174,0.063-0.324,0.19-0.452c0.128-0.127,0.278-0.19,0.453-0.19
-		c0.174,0,0.324,0.063,0.451,0.19c0.127,0.128,0.191,0.278,0.191,0.452V18c0,1.479-0.494,2.768-1.482,3.862
-		c-0.987,1.095-2.207,1.723-3.66,1.883v1.326h2.57c0.175,0,0.325,0.063,0.453,0.19c0.127,0.128,0.19,0.278,0.19,0.452
-		c0,0.175-0.063,0.325-0.19,0.452c-0.128,0.127-0.278,0.191-0.453,0.191h-6.428c-0.174,0-0.325-0.064-0.452-0.191
-		s-0.19-0.277-0.19-0.452c0-0.174,0.063-0.324,0.19-0.452c0.127-0.127,0.278-0.19,0.452-0.19h2.571v-1.326
-		c-0.837-0.087-1.624-0.357-2.36-0.813l-2.552,2.552c-0.066,0.066-0.144,0.101-0.23,0.101s-0.164-0.034-0.231-0.101l-0.823-0.824
-		c-0.067-0.066-0.101-0.144-0.101-0.23s0.033-0.164,0.101-0.231l12.395-12.395c0.067-0.067,0.144-0.101,0.231-0.101
-		c0.087,0,0.164,0.033,0.23,0.101l0.824,0.823c0.066,0.067,0.1,0.145,0.1,0.231S24.907,13.021,24.841,13.088z M13.651,19.135
-		l-1.015,1.015c-0.281-0.689-0.422-1.406-0.422-2.149v-1.286c0-0.174,0.063-0.324,0.19-0.452c0.127-0.127,0.278-0.19,0.452-0.19
-		s0.325,0.063,0.452,0.19c0.127,0.128,0.19,0.278,0.19,0.452V18C13.5,18.354,13.551,18.733,13.651,19.135z M21.023,11.762L14.786,18
-		v-5.143c0-0.885,0.314-1.641,0.944-2.271c0.629-0.629,1.386-0.944,2.27-0.944c0.684,0,1.301,0.197,1.854,0.593
-		C20.405,10.631,20.796,11.14,21.023,11.762z"/>
-</g>
-</svg>
+
+<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="Calque_1"
+   x="0px"
+   y="0px"
+   width="36px"
+   height="36px"
+   viewBox="0 0 36 36"
+   enable-background="new 0 0 36 36"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="btn-nomic.svg"><metadata
+     id="metadata6246"><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="defs6244" /><sodipodi:namedview
+     pagecolor="#808080"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="711"
+     inkscape:window-height="480"
+     id="namedview6242"
+     showgrid="false"
+     inkscape:zoom="6.5555556"
+     inkscape:cx="18.915254"
+     inkscape:cy="18"
+     inkscape:window-x="0"
+     inkscape:window-y="4"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1" /><g
+     id="g6238"><path
+       fill="#FFFFFF"
+       d="M24.841,13.088l-3.627,3.626V18c0,0.884-0.314,1.641-0.943,2.27c-0.63,0.63-1.386,0.944-2.271,0.944   c-0.368,0-0.732-0.063-1.095-0.19l-0.964,0.964C16.591,22.329,17.277,22.5,18,22.5c1.239,0,2.299-0.44,3.179-1.321   C22.06,20.299,22.5,19.239,22.5,18v-1.286c0-0.174,0.063-0.324,0.19-0.452c0.128-0.127,0.278-0.19,0.453-0.19   c0.174,0,0.324,0.063,0.451,0.19c0.127,0.128,0.191,0.278,0.191,0.452V18c0,1.479-0.494,2.768-1.482,3.862   c-0.987,1.095-2.207,1.723-3.66,1.883v1.326h2.57c0.175,0,0.325,0.063,0.453,0.19c0.127,0.128,0.19,0.278,0.19,0.452   c0,0.175-0.063,0.325-0.19,0.452c-0.128,0.127-0.278,0.191-0.453,0.191h-6.428c-0.174,0-0.325-0.064-0.452-0.191   s-0.19-0.277-0.19-0.452c0-0.174,0.063-0.324,0.19-0.452c0.127-0.127,0.278-0.19,0.452-0.19h2.571v-1.326   c-0.837-0.087-1.624-0.357-2.36-0.813l-2.552,2.552c-0.066,0.066-0.144,0.101-0.23,0.101s-0.164-0.034-0.231-0.101l-0.823-0.824   c-0.067-0.066-0.101-0.144-0.101-0.23s0.033-0.164,0.101-0.231l12.395-12.395c0.067-0.067,0.144-0.101,0.231-0.101   c0.087,0,0.164,0.033,0.23,0.101l0.824,0.823c0.066,0.067,0.1,0.145,0.1,0.231S24.907,13.021,24.841,13.088z M13.651,19.135   l-1.015,1.015c-0.281-0.689-0.422-1.406-0.422-2.149v-1.286c0-0.174,0.063-0.324,0.19-0.452c0.127-0.127,0.278-0.19,0.452-0.19   s0.325,0.063,0.452,0.19c0.127,0.128,0.19,0.278,0.19,0.452V18C13.5,18.354,13.551,18.733,13.651,19.135z M21.023,11.762L14.786,18   v-5.143c0-0.885,0.314-1.641,0.944-2.271c0.629-0.629,1.386-0.944,2.27-0.944c0.684,0,1.301,0.197,1.854,0.593   C20.405,10.631,20.796,11.14,21.023,11.762z"
+       id="path6240" /></g></svg>
\ No newline at end of file
--- a/images/video-conf/btn-novideo.svg
+++ b/images/video-conf/btn-novideo.svg
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
-<path opacity="0.6" d="M36,18c0,9.941-8.059,18-18,18l0,0C8.059,36,0,27.941,0,18l0,0C0,8.059,8.059,0,18,0l0,0
-	C27.941,0,36,8.059,36,18L36,18z"/>
-<g>
-	<path fill="#FFFFFF" d="M12.547,11.557c-0.779,0-1.444,0.276-1.997,0.829s-0.829,1.218-0.829,1.997v5.395l8.222-8.22H12.547z"/>
-	<path fill="#FFFFFF" d="M26.921,11.92c-0.085-0.032-0.167-0.049-0.245-0.049c-0.177,0-0.324,0.062-0.441,0.187l-3.954,3.944v-1.619
-		c0-0.333-0.062-0.642-0.163-0.934l1.58-1.58c0.216-0.215,0.24-0.542,0.052-0.73l-0.603-0.602c-0.187-0.188-0.514-0.164-0.729,0.052
-		L8.875,24.129c-0.216,0.217-0.239,0.545-0.052,0.732l0.603,0.602c0.188,0.188,0.513,0.164,0.73-0.051l1.457-1.457
-		c0.292,0.1,0.6,0.162,0.934,0.162h6.907c0.778,0,1.443-0.277,1.997-0.83c0.552-0.553,0.829-1.217,0.829-1.996v-1.629l3.954,3.955
-		c0.117,0.123,0.265,0.186,0.441,0.186c0.078,0,0.16-0.016,0.245-0.049c0.255-0.111,0.383-0.305,0.383-0.578V12.499
-		C27.304,12.224,27.176,12.031,26.921,11.92z"/>
-</g>
-</svg>
+
+<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="Calque_1"
+   x="0px"
+   y="0px"
+   width="36px"
+   height="36px"
+   viewBox="0 0 36 36"
+   enable-background="new 0 0 36 36"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="btn-novideo.svg"><metadata
+     id="metadata5640"><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="defs5638" /><sodipodi:namedview
+     pagecolor="#808080"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="711"
+     inkscape:window-height="480"
+     id="namedview5636"
+     showgrid="false"
+     inkscape:zoom="6.5555556"
+     inkscape:cx="18.915254"
+     inkscape:cy="18"
+     inkscape:window-x="0"
+     inkscape:window-y="4"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Calque_1" /><g
+     id="g5630"><path
+       fill="#FFFFFF"
+       d="M12.547,11.557c-0.779,0-1.444,0.276-1.997,0.829s-0.829,1.218-0.829,1.997v5.395l8.222-8.22H12.547z"
+       id="path5632" /><path
+       fill="#FFFFFF"
+       d="M26.921,11.92c-0.085-0.032-0.167-0.049-0.245-0.049c-0.177,0-0.324,0.062-0.441,0.187l-3.954,3.944v-1.619   c0-0.333-0.062-0.642-0.163-0.934l1.58-1.58c0.216-0.215,0.24-0.542,0.052-0.73l-0.603-0.602c-0.187-0.188-0.514-0.164-0.729,0.052   L8.875,24.129c-0.216,0.217-0.239,0.545-0.052,0.732l0.603,0.602c0.188,0.188,0.513,0.164,0.73-0.051l1.457-1.457   c0.292,0.1,0.6,0.162,0.934,0.162h6.907c0.778,0,1.443-0.277,1.997-0.83c0.552-0.553,0.829-1.217,0.829-1.996v-1.629l3.954,3.955   c0.117,0.123,0.265,0.186,0.441,0.186c0.078,0,0.16-0.016,0.245-0.049c0.255-0.111,0.383-0.305,0.383-0.578V12.499   C27.304,12.224,27.176,12.031,26.921,11.92z"
+       id="path5634" /></g></svg>
\ No newline at end of file
--- a/images/video-conf/btn-pause.svg
+++ b/images/video-conf/btn-pause.svg
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="36px" height="36px" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve">
-<path opacity="0.6" d="M36,18c0,9.941-8.059,18-18,18l0,0C8.059,36,0,27.941,0,18l0,0C0,8.059,8.059,0,18,0l0,0
-	C27.941,0,36,8.059,36,18L36,18z"/>
-<g>
-	<path fill="#FFFFFF" d="M16,23.18c0,0.729-0.671,1.32-1.5,1.32l0,0c-0.829,0-1.5-0.591-1.5-1.32V12.82c0-0.729,0.671-1.32,1.5-1.32
-		l0,0c0.829,0,1.5,0.591,1.5,1.32V23.18z"/>
-	<path fill="#FFFFFF" d="M23,23.18c0,0.729-0.672,1.32-1.5,1.32l0,0c-0.828,0-1.5-0.591-1.5-1.32V12.82c0-0.729,0.672-1.32,1.5-1.32
-		l0,0c0.828,0,1.5,0.591,1.5,1.32V23.18z"/>
-</g>
-</svg>
+
+<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="Calque_1"
+   x="0px"
+   y="0px"
+   width="36px"
+   height="36px"
+   viewBox="0 0 36 36"
+   enable-background="new 0 0 36 36"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="btn-pause.svg"><metadata
+     id="metadata4388"><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="defs4386" /><sodipodi:namedview
+     pagecolor="#808080"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1882"
+     inkscape:window-height="1027"
+     id="namedview4384"
+     showgrid="false"
+     inkscape:zoom="23.833333"
+     inkscape:cx="18.251748"
+     inkscape:cy="18"
+     inkscape:window-x="0"
+     inkscape:window-y="28"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Calque_1" /><g
+     id="g4378"><path
+       fill="#FFFFFF"
+       d="M16,23.18c0,0.729-0.671,1.32-1.5,1.32l0,0c-0.829,0-1.5-0.591-1.5-1.32V12.82c0-0.729,0.671-1.32,1.5-1.32   l0,0c0.829,0,1.5,0.591,1.5,1.32V23.18z"
+       id="path4380" /><path
+       fill="#FFFFFF"
+       d="M23,23.18c0,0.729-0.672,1.32-1.5,1.32l0,0c-0.828,0-1.5-0.591-1.5-1.32V12.82c0-0.729,0.672-1.32,1.5-1.32   l0,0c0.828,0,1.5,0.591,1.5,1.32V23.18z"
+       id="path4382" /></g></svg>
\ No newline at end of file
--- a/images/video-conf/btn-transfer.svg
+++ b/images/video-conf/btn-transfer.svg
@@ -24,28 +24,25 @@
         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="defs4181" /><sodipodi:namedview
-     pagecolor="#ffffff"
+     pagecolor="#808080"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
-     inkscape:pageopacity="0"
+     inkscape:pageopacity="1"
     inkscape:pageshadow="2"
-     inkscape:window-width="1517"
-     inkscape:window-height="954"
+     inkscape:window-width="1882"
+     inkscape:window-height="1027"
     id="namedview4179"
     showgrid="false"
     inkscape:zoom="11.916667"
-     inkscape:cx="27.290572"
+     inkscape:cx="14.619244"
     inkscape:cy="20.265283"
     inkscape:window-x="0"
-     inkscape:window-y="4"
+     inkscape:window-y="28"
     inkscape:window-maximized="1"
     inkscape:current-layer="Calque_1" /><path
-     opacity="0.6"
-     d="M36,18c0,9.941-8.059,18-18,18l0,0C8.059,36,0,27.941,0,18l0,0C0,8.059,8.059,0,18,0l0,0  C27.941,0,36,8.059,36,18L36,18z"
-     id="path4171" /><path
     style="fill:#ffffff"
     inkscape:connector-curvature="0"
     id="path4177"

--- a/instantmessagingwidget.cpp
+++ b/instantmessagingwidget.cpp
@@ -37,11 +37,6 @@ InstantMessagingWidget::InstantMessagingWidget(QWidget *parent) :
 {
    ui->setupUi(this);

-    QPixmap sendPixmap(":/images/ic_send_white.svg");
-    QIcon sendIcon(sendPixmap);
-    ui->sendButton->setIcon(sendIcon);
-    ui->sendButton->setIconSize(sendPixmap.rect().size());
-
    this->hide();

    imDelegate_ = new ImDelegate();
@@ -87,12 +82,10 @@ InstantMessagingWidget::setMediaText(Call *call)
            textMedia = call->addOutgoingMedia<Media::Text>();
        }
        if (textMedia) {
-            connect(ui->listMessageView->model(),
-                    SIGNAL(rowsInserted(const QModelIndex&, int, int)),
-                    ui->listMessageView, SLOT(scrollToBottom()));
            ui->listMessageView->setModel(
                        textMedia->recording()->
                        instantMessagingModel());
+            ui->listMessageView->scrollToBottom();
            connect(ui->messageEdit, &QLineEdit::returnPressed, [=]()
            {
                if (not ui->messageEdit->text().trimmed().isEmpty()) {
@@ -100,6 +93,7 @@ InstantMessagingWidget::setMediaText(Call *call)
                    messages["text/plain"] = ui->messageEdit->text();
                    textMedia->send(messages);
                    ui->messageEdit->clear();
+                    ui->listMessageView->scrollToBottom();
                }
            });
        }
@@ -172,5 +166,6 @@ InstantMessagingWidget::onMsgReceived(const QMap<QString,QString>& message)
        GlobalSystemTray::instance().showMessage("Ring: Message Received", message["text/plain"]);
        QApplication::alert(this, 5000);
    }
+    ui->listMessageView->scrollToBottom();
    this->show();
 }
--- a/instantmessagingwidget.ui
+++ b/instantmessagingwidget.ui
@@ -83,12 +83,24 @@
       <property name="text">
        <string/>
       </property>
+       <property name="icon">
+        <iconset resource="ressources.qrc">
+         <normaloff>:/images/ic_send_white.svg</normaloff>:/images/ic_send_white.svg</iconset>
+       </property>
+       <property name="iconSize">
+        <size>
+         <width>36</width>
+         <height>36</height>
+        </size>
+       </property>
      </widget>
     </item>
    </layout>
   </item>
  </layout>
 </widget>
- <resources/>
+ <resources>
+  <include location="ressources.qrc"/>
+ </resources>
 <connections/>
 </ui>
--- a/ressources.qrc
+++ b/ressources.qrc
 <RCC>
  <qresource prefix="/">
+    <file>images/video-conf/btn-join.svg</file>
    <file>stylesheet.css</file>
    <file>images/ring.png</file>
    <file>images/arrow-down-bold-circle-outline.png</file>

--- a/stylesheet.css
+++ b/stylesheet.css
 QPushButton#btnCall{
-    border-image: url(:/images/call/btn-call.svg);
+    background-color: #4caf50;
+    border-radius: 15px;
+    border:solid 1px;
 }

 QPushButton#acceptButton{
-    border-image: url(:/images/call/btn-answer.svg);
+    background-color: #4caf50;
+    border-radius: 32px;
+    border:solid 1px;
 }

-QPushButton#refuseButton{
-    border-image: url(:/images/call/btn-ignore.svg);
+QPushButton#refuseButton, QPushButton#cancelButton{
+    background-color: #f44336;
+    border-radius: 32px;
+    border:solid 1px;
 }

-QPushButton#cancelButton{
-    border-image: url(:/images/call/btn-ignore.svg);
+QPushButton#btnCall:hover, QPushButton#acceptButton:hover{
+    background-color: #5db761;
 }

-QWidget#callInvitePage{
-    background-color : rgb( 77, 77, 77 );
+QPushButton#btnCall:pressed, QPushButton#acceptButton:pressed{
+    background-color: #449d48;
 }

-QWidget#outboundCallPage{
-    background-color : rgb( 77, 77, 77 );
+QPushButton#refuseButton:hover, QPushButton#cancelButton:hover{
+    background-color: #f5554a;
 }

-QPushButton#btnvideo{
-    border-image: url(:/images/hover-contact/btn-video.svg);
-}
-
-QPushButton#btnchat{
-    border-image: url(:/images/hover-contact/btn-chat.svg);
+QPushButton#refuseButton:pressed, QPushButton#cancelButton:pressed{
+    background-color: #db3c30;
 }

-QPushButton#btncontactinfo{
-    border-image: url(:/images/hover-contact/btn-contactinfo.svg);
+QWidget#callInvitePage, QWidget#outboundCallPage{
+    background-color : rgb( 77, 77, 77 );
 }

 IdLabel{
@@ -87,67 +89,77 @@ QLineEdit#messageEdit{
    background-color: rgb(255, 255, 255);
 }

-QPushButton#holdButton{
-    border-image: url(:/images/video-conf/btn-pause.svg);
+QPushButton#holdButton, QPushButton#chatButton, QPushButton#noMicButton, QPushButton#noVideoButton,
+QPushButton#transferButton, QPushButton#addPersonButton, QPushButton#joinButton, QPushButton#qualityButton{
+    background-color: rgba(0, 0, 0, 140);
+    border-radius: 18px;
+    border:solid 1px;
 }

-QPushButton#holdButton:checked{
-    border-image: url(:/images/video-conf/btn-pause-toggled.svg);
+QPushButton#holdButton:hover, QPushButton#chatButton:hover, QPushButton#noMicButton:hover, QPushButton#noVideoButton:hover,
+QPushButton#transferButton:hover, QPushButton#addPersonButton:hover, QPushButton#joinButton:hover, QPushButton#qualityButton:hover{
+    background-color: rgba(0, 192, 213, 0.6);
+    border-radius: 18px;
+    border:solid 1px;
 }

-QPushButton#hangupButton{
-    border-image: url(:/images/video-conf/btn-hangup.svg);
+QPushButton#holdButton:pressed, QPushButton#chatButton:pressed, QPushButton#noMicButton:pressed, QPushButton#noVideoButton:pressed,
+QPushButton#transferButton:pressed, QPushButton#addPersonButton:pressed, QPushButton#joinButton:pressed, QPushButton#qualityButton:pressed{
+    background-color: rgba(0, 192, 213, 0.8);
+    border-radius: 18px;
+    border:solid 1px;
 }

-QPushButton#chatButton{
-    border-image: url(:/images/video-conf/btn-chat.svg);
+QPushButton#noMicButton:checked, QPushButton#noVideoButton:checked{
+    background-color: rgba(0, 192, 213, 0.8);
 }

-QPushButton#noMicButton{
-    border-image: url(:/images/video-conf/btn-nomic.svg);
+QPushButton#hangupButton{
+    background-color: rgba(200, 0, 0, 0.6);
+    border-radius: 18px;
+    border:solid 1px;
 }

-QPushButton#noMicButton:checked{
-    border-image: url(:/images/video-conf/btn-nomic-toggled.svg);
+QPushButton#hangupButton:hover{
+    background-color: rgba(255, 0, 0, 0.6);
 }

-QPushButton#noVideoButton{
-    border-image: url(:/images/video-conf/btn-novideo.svg);
+QPushButton#hangupButton:pressed{
+    background-color: rgba(255, 0, 0, 0.8);
 }

-QPushButton#noVideoButton:checked{
-    border-image: url(:/images/video-conf/btn-novideo-toggled.svg);
+QPushButton#imBackButton{
+   background-color: #414141;
+   border-radius: 15px;
+   border:solid 1px;
 }

-QPushButton#transferButton{
-    border-image: url(:/images/video-conf/btn-transfer.svg);
+QPushButton#imBackButton:hover{
+   background-color: #515151;
 }

-QPushButton#addPersonButton{
-    border-image: url(:/images/video-conf/btn-add-contact-to-conf.svg);
+QPushButton#imBackButton:pressed{
+   background-color: #313131;
 }

-QPushButton#joinButton{
-    border-image: url(:/images/video-conf/btn-join.svg);
+QPushButton#sendButton{
+   background-color: #3AC0D2;
+   border-radius: 18px;
+   border:solid 1px;
 }

-QPushButton#imBackButton{
-   background-color: #414141;
-   border-image: url(:/images/ic_arrow_back_white.svg);
+QPushButton#btnvideo{
+   background-color: #3AC0D2;
   border-radius: 15px;
   border:solid 1px;
 }

-QPushButton#qualityButton{
-   background-color: rgba(0, 0, 0, 140);
-   border-radius: 18px;
-   border:solid 1px;
+QPushButton#sendButton:hover, QPushButton#btnvideo:hover{
+   background-color: #4dc6d6;
 }

-QPushButton#sendButton{
-   background-color: #3AC0D2;
-   border-radius: 18px;
-   border:solid 1px;
+QPushButton#sendButton:pressed, QPushButton#btnvideo:pressed{
+   background-color: #34acbd;
 }

 QScrollBar:vertical{
@@ -159,10 +171,10 @@ QScrollBar::handle:vertical{
    background: rgb(77, 77, 77);
 }

-QWidget#welcomePage{
+QWidget#welcomePage, QWidget#messagingPage{
    background: rgb(242, 242, 242);
 }

-QWidget#messagingPage{
-    background: rgb(242, 242, 242);
+QPushButton#wizardButton{
+    background: transparent;
 }
--- a/videooverlay.ui
+++ b/videooverlay.ui
@@ -40,6 +40,16 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/btn-hangup.svg</normaloff>:/images/video-conf/btn-hangup.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
    </widget>
   </item>
   <item row="0" column="0" alignment="Qt::AlignTop">
@@ -103,6 +113,16 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/btn-join.svg</normaloff>:/images/video-conf/btn-join.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
    </widget>
   </item>
   <item row="1" column="2">
@@ -122,6 +142,16 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/btn-pause.svg</normaloff>:/images/video-conf/btn-pause.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
     <property name="checkable">
      <bool>true</bool>
     </property>
@@ -150,6 +180,16 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/btn-nomic.svg</normaloff>:/images/video-conf/btn-nomic.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
     <property name="checkable">
      <bool>true</bool>
     </property>
@@ -172,6 +212,16 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/btn-chat.svg</normaloff>:/images/video-conf/btn-chat.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
    </widget>
   </item>
   <item row="1" column="11">
@@ -254,6 +304,16 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/btn-novideo.svg</normaloff>:/images/video-conf/btn-novideo.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
     <property name="checkable">
      <bool>true</bool>
     </property>
@@ -289,6 +349,16 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/btn-add-contact-to-conf.svg</normaloff>:/images/video-conf/btn-add-contact-to-conf.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
    </widget>
   </item>
   <item row="1" column="7">
@@ -308,6 +378,16 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/btn-transfer.svg</normaloff>:/images/video-conf/btn-transfer.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
    </widget>
   </item>
   <item row="1" column="10">
@@ -327,10 +407,22 @@
     <property name="text">
      <string/>
     </property>
+     <property name="icon">
+      <iconset resource="ressources.qrc">
+       <normaloff>:/images/video-conf/ic_high_quality_white.svg</normaloff>:/images/video-conf/ic_high_quality_white.svg</iconset>
+     </property>
+     <property name="iconSize">
+      <size>
+       <width>36</width>
+       <height>36</height>
+      </size>
+     </property>
    </widget>
   </item>
  </layout>
 </widget>
- <resources/>
+ <resources>
+  <include location="ressources.qrc"/>
+ </resources>
 <connections/>
 </ui>
--- a/wizarddialog.cpp
+++ b/wizarddialog.cpp
@@ -34,7 +34,7 @@ WizardDialog::WizardDialog(QWidget *parent) :

    setFixedSize(this->width(),this->height());

-    ui->joinButton->setEnabled(false);
+    ui->wizardButton->setEnabled(false);

    QPixmap logo(":/images/logo-ring-standard-coul.png");
    ui->ringLogo->setPixmap(logo.scaledToHeight(100, Qt::SmoothTransformation));
@@ -50,7 +50,7 @@ void
 WizardDialog::accept()
 {
    ui->label->setText(tr("Please wait while we create your account."));
-    ui->joinButton->setEnabled(false);
+    ui->wizardButton->setEnabled(false);
    ui->usernameEdit->setEnabled(false);

    repaint();
@@ -78,7 +78,7 @@ WizardDialog::endSetup(Account* a)
 void
 WizardDialog::on_usernameEdit_textChanged(const QString &arg1)
 {
-    ui->joinButton->setEnabled(!arg1.isEmpty());
+    ui->wizardButton->setEnabled(!arg1.isEmpty());
 }

 void