Simplify timeline structure and fix text wrapping bug

imports/Spectral/Component/Timeline/MessageDelegate.qml

@@ -25,10 +25,12 @@ RowLayout {
     id: root
 
     spacing: Kirigami.Units.largeSpacing
+    Layout.leftMargin: Kirigami.Units.smallSpacing
+    Layout.rightMargin: Kirigami.Units.smallSpacing
 
     Kirigami.Avatar {
-        Layout.preferredWidth: Kirigami.Units.gridUnit * 1.5
+        Layout.preferredWidth: Kirigami.Units.gridUnit * 2
-        Layout.preferredHeight: Kirigami.Units.gridUnit * 1.5
+        Layout.preferredHeight: Kirigami.Units.gridUnit * 2
 
         Layout.alignment: Qt.AlignTop
 
@@ -39,37 +41,15 @@ RowLayout {
     }
 
     Item {
-        Layout.preferredWidth: Kirigami.Units.gridUnit * 1.5
+        Layout.preferredWidth: Kirigami.Units.gridUnit * 2
         Layout.preferredHeight: 1
 
         visible: !showAuthor
     }
     
-    Item {
-        Layout.preferredWidth: column.width + 16
-		Layout.preferredHeight: column.height + 16
-
-        /*RectangularGlow {
-            anchors.fill: messageBubble
-            glowRadius: 0.8
-            spread: 0.3
-            cornerRadius: messageBubble.radius + glowRadius
-            color: Qt.darker(messageBubble.color, 1.2)
-        }*/
-        
-        // inner area of the message bubble
-        /*Rectangle {
-            id: messageBubble
-            anchors.fill: parent
-            radius: 2
-            color: authorColor
-        }*/
-
-
     ColumnLayout {
         id: column
         Layout.fillWidth: true
-            anchors.centerIn: parent
         spacing: Kirigami.Units.smallSpacing
 
         Controls.Label {
@@ -134,4 +114,3 @@ RowLayout {
         }
     }
 }
-}

imports/Spectral/Component/Timeline/TextDelegate.qml

@@ -16,7 +16,8 @@ Text {
 
 //    selectByMouse: true
 //    readOnly: true
-    wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+    wrapMode: Text.WordWrap
+    width: parent.width
     textFormat: Text.RichText
 }
 

imports/Spectral/Panel/RoomPanel.qml

@@ -190,6 +190,7 @@ Kirigami.ScrollablePage {
 
                     innerObject: MessageDelegate {
                         Layout.fillWidth: true
+                        Layout.maximumWidth: messageListView.width
 
                         innerObject: TextDelegate {
                             Layout.fillWidth: true