Small UI tweaks && bug fixes.

qml/form/RoomForm.qml

@@ -34,7 +34,6 @@ Item {
             visible: currentRoom
 
             Pane {
-                z: 10
                 padding: 16
 
                 Layout.fillWidth: true
@@ -78,6 +77,8 @@ Item {
             ListView {
                 id: messageListView
 
+                z: -10
+
                 Layout.fillWidth: true
                 Layout.fillHeight: true
                 Layout.leftMargin: 16
@@ -127,7 +128,6 @@ Item {
             }
 
             Pane {
-                z: 10
                 padding: 16
 
                 Layout.fillWidth: true
@@ -186,7 +186,6 @@ Item {
                             Rectangle {
                                 width: inputField.width * inputField.progress
                                 height: parent.height
-                                z: 5
                                 color: Material.accent
                                 opacity: 0.4
                             }

qml/form/RoomListForm.qml

@@ -12,7 +12,7 @@ import "qrc:/qml/component"
 Item {
     property alias listModel: roomListProxyModel.sourceModel
     property int currentIndex: roomListProxyModel.mapToSource(listView.currentIndex)
-    readonly property bool mini: width <= 80 // Used as an indicator of whether the listform should be displayed as "Mini mode".
+    readonly property bool mini: settingPage.miniMode // Used as an indicator of whether the listform should be displayed as "Mini mode".
 
     ColumnLayout {
         anchors.fill: parent
@@ -124,6 +124,7 @@ Item {
                     opacity: 0.2
                 }
                 highlightMoveDuration: 250
+                maximumFlickVelocity: 1024
 
                 currentIndex: -1
 
@@ -161,7 +162,7 @@ Item {
                                 Layout.fillWidth: true
                                 Layout.fillHeight: true
 
-                                text: name ? name : alias ? alias : id
+                                text: name ? name : ""
                                 font.pointSize: 16
                                 elide: Text.ElideRight
                                 wrapMode: Text.NoWrap
@@ -186,10 +187,14 @@ Item {
                     height: 24
                     text: section
                     color: "grey"
-                    leftPadding: 16
+                    leftPadding: mini ? undefined : 16
                     elide: Text.ElideRight
                     verticalAlignment: Text.AlignVCenter
-                    background: Rectangle { anchors.fill:parent; color: "#dbdbdb" }
+                    horizontalAlignment: mini ? Text.AlignHCenter : undefined
+                    background: Rectangle {
+                        anchors.fill:parent
+                        color: Material.theme == Material.Light ? "#dbdbdb" : "#363636"
+                    }
                 }
             }
         }