Make timeline more "Material design".

imports/Spectral/Page/LoginForm.ui.qml

@@ -20,41 +20,28 @@ Page {
     Row {
         anchors.fill: parent
 
-        Pane {
+        Rectangle {
             width: parent.width / 2
             height: parent.height
 
-            background: Item {
-                Image {
-                    id: background
-                    anchors.fill: parent
-                    source: "qrc:/assets/img/background.jpg"
-                    fillMode: Image.PreserveAspectCrop
-                    cache: false
-                }
-
-                ColorOverlay {
-                    anchors.fill: background
-                    source: background
-                    color: Material.accent
-                    opacity: 0.7
-                }
-            }
+            color: Material.accent
 
             Column {
                 x: 32
                 anchors.verticalCenter: parent.verticalCenter
 
                 Label {
-                    text: "MATRIX LOGIN."
+                    text: "Matrix Login."
                     font.pointSize: 28
                     font.bold: true
+                    font.capitalization: Font.AllUppercase
                     color: "white"
                 }
 
                 Label {
-                    text: "A NEW METHOD OF MESSAGING"
+                    text: "A new method of messaging."
                     font.pointSize: 12
+                    font.capitalization: Font.AllUppercase
                     color: "white"
                 }
             }

imports/Spectral/Page/Room.qml

@@ -34,20 +34,14 @@ Page {
 
             id: roomListForm
 
+            clip: true
+
             listModel: roomListModel
 
             onWidthChanged: {
                 if (width < 240) width = 64
             }
 
-            ElevationEffect {
-                anchors.fill: source
-                z: source.z - 1
-
-                source: parent
-                elevation: 4
-            }
-
             onLeaveRoom: roomForm.saveReadMarker(room)
         }
 
@@ -57,6 +51,8 @@ Page {
 
             id: roomForm
 
+            clip: true
+
             currentRoom: roomListForm.enteredRoom
         }
     }

imports/Spectral/Page/SettingAccountDelegate.qml

@@ -52,31 +52,6 @@ Column {
 
         clip: true
 
-        AutoListView {
-            Layout.fillWidth: true
-            Layout.preferredHeight: 24
-
-            orientation: ListView.Horizontal
-
-            spacing: 8
-
-            model: ["#498882", "#42a5f5", "#5c6bc0", "#7e57c2", "#ab47bc", "#ff7043"]
-
-            delegate: Rectangle {
-                width: parent.height
-                height: parent.height
-                radius: width / 2
-
-                color: modelData
-
-                MouseArea {
-                    anchors.fill: parent
-
-                    onClicked: spectralController.setColor(connection.localUserId, modelData)
-                }
-            }
-        }
-
         RowLayout {
             Layout.fillWidth: true