Wrap <pre> tag.

imports/Spectral/Panel/RoomListPanel.qml

@@ -84,7 +84,7 @@ Rectangle {
     }
 
     Drawer {
-        width: Math.max(root.width, 360)
+        width: Math.max(root.width, 400)
         height: root.height
 
         id: drawer
@@ -466,6 +466,13 @@ Rectangle {
                         onCheckedChanged: MSettings.showTray = checked
                     }
 
+                    Switch {
+                        text: "Enable timeline background"
+                        checked: MSettings.enableTimelineBackground
+
+                        onCheckedChanged: MSettings.enableTimelineBackground = checked
+                    }
+
                     RowLayout {
                         Layout.fillWidth: true
 

imports/Spectral/Panel/RoomPanel.qml

@@ -44,9 +44,9 @@ Item {
     Image {
         anchors.fill: parent
 
-        visible: currentRoom
+        visible: currentRoom && MSettings.enableTimelineBackground
 
-        source: MSettings.darkTheme ? "qrc:/assets/img/roompanel-dark.svg" : "qrc:/assets/img/roompanel.svg"
+        source: MSettings.timelineBackground || MSettings.darkTheme ? "qrc:/assets/img/roompanel-dark.svg" : "qrc:/assets/img/roompanel.svg"
         fillMode: Image.PreserveAspectCrop
     }
 

imports/Spectral/Setting/Setting.qml

@@ -9,4 +9,7 @@ Settings {
     property bool showTray: true
 
     property bool darkTheme
+
+    property bool enableTimelineBackground: true
+    property string timelineBackground
 }

src/utils.h

@@ -45,6 +45,8 @@ QString eventToString(const BaseEventT& evt,
                                          "</b>");
             pos += userPillRegExp.matchedLength();
           }
+          static const QRegExp codePillRegExp("<pre>(.*)</pre>");
+          formattedStr.replace(codePillRegExp, "<i>\\1</i>");
           return formattedStr;
         }
         if (e.hasFileContent()) {