update QT demo UI and DEMO gif

Author: melode11

examples/QT/README.md

@@ -1,4 +1,4 @@
-![Demo shot](https://cldup.com/Da_Yv43-TO.gif)
+![Demo shot](https://cldup.com/98tHyoJJE7.gif)
 
 In this tutorial we’ll learn how to create a QT chat application that communicates with a [Socket.IO Node.JS chat server](https://github.com/Automattic/socket.io/tree/master/examples/chat).
 

examples/QT/SioChatDemo/mainwindow.cpp

@@ -23,7 +23,6 @@ MainWindow::MainWindow(QWidget *parent) :
     m_dialog()
 {
     ui->setupUi(this);
-
     using std::placeholders::_1;
     using std::placeholders::_2;
     using std::placeholders::_3;

examples/QT/SioChatDemo/mainwindow.ui

@@ -7,25 +7,40 @@
     <x>0</x>
     <y>0</y>
     <width>366</width>
-    <height>577</height>
+    <height>549</height>
    </rect>
   </property>
+  <property name="sizePolicy">
+   <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+    <horstretch>0</horstretch>
+    <verstretch>0</verstretch>
+   </sizepolicy>
+  </property>
   <property name="windowTitle">
    <string>Socket.IO Chat</string>
   </property>
+  <property name="unifiedTitleAndToolBarOnMac">
+   <bool>false</bool>
+  </property>
   <widget class="QWidget" name="centralWidget">
    <widget class="QListWidget" name="listView">
     <property name="enabled">
      <bool>false</bool>
     </property>
     <property name="geometry">
      <rect>
-      <x>10</x>
+      <x>8</x>
       <y>11</y>
-      <width>351</width>
+      <width>350</width>
       <height>461</height>
      </rect>
     </property>
+    <property name="sizePolicy">
+     <sizepolicy hsizetype="Fixed" vsizetype="Expanding">
+      <horstretch>0</horstretch>
+      <verstretch>0</verstretch>
+     </sizepolicy>
+    </property>
     <property name="sizeIncrement">
      <size>
       <width>0</width>
@@ -39,9 +54,9 @@
     </property>
     <property name="geometry">
      <rect>
-      <x>10</x>
-      <y>485</y>
-      <width>351</width>
+      <x>8</x>
+      <y>480</y>
+      <width>350</width>
       <height>21</height>
      </rect>
     </property>