First UI redesign.

qml/Room.qml

@@ -18,28 +18,35 @@ Page {
         onNewMessage: if (!window.active) matriqueController.showMessage(roomName, content, icon)
     }
 
-    RowLayout {
+    Rectangle {
         anchors.fill: parent
-        spacing: 0
 
-        RoomListForm {
-            id: roomListForm
+        color: MSettings.darkTheme ? "#363636" : "#f3f3f3"
 
-            Layout.fillHeight: true
-            Layout.preferredWidth: MSettings.miniMode ? 80 : page.width * 0.35
-            Layout.minimumWidth: 80
-            Layout.maximumWidth: 360
+        RowLayout {
+            anchors.fill: parent
 
-            listModel:  roomListModel
-        }
+            spacing: 0
 
-        RoomForm {
-            id: roomForm
+            RoomListForm {
+                id: roomListForm
 
-            Layout.fillWidth: true
-            Layout.fillHeight: true
+                Layout.fillHeight: true
+                Layout.preferredWidth: MSettings.miniMode ? 64 : page.width * 0.35
+                Layout.minimumWidth: 64
+                Layout.maximumWidth: 360
 
-            currentRoom: roomListForm.enteredRoom
+                listModel:  roomListModel
+            }
+
+            RoomForm {
+                id: roomForm
+
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+
+                currentRoom: roomListForm.enteredRoom
+            }
         }
     }
 }