make search usable on mobile

resources/qml/QuickSwitcher.qml

@@ -13,7 +13,7 @@ Popup {
     property int textHeight: Math.round(Qt.application.font.pixelSize * 2.4)
 
     background: null
-    width: Math.round(parent.width / 2)
+    width: Math.min(Math.max(Math.round(parent.width / 2),450),parent.width) // limiting width to parent.width/2 can be a bit narrow
     x: Math.round(parent.width / 2 - width / 2)
     y: Math.round(parent.height / 4 - height / 2)
     modal: true

resources/qml/RoomList.qml

@@ -673,6 +673,24 @@ Page {
                     }
                 }
 
+                ImageButton {
+                    visible: !collapsed
+                    Layout.fillWidth: true
+                    hoverEnabled: true
+                    ripple: false
+                    width: 22
+                    height: 22
+                    image: ":/icons/icons/ui/search.svg"
+                    ToolTip.visible: hovered
+                    ToolTip.delay: Nheko.tooltipDelay
+                    ToolTip.text: qsTr("Search rooms (Ctrl+K)")
+                    Layout.margins: Nheko.paddingMedium
+                    onClicked: {
+                        var quickSwitch = quickSwitcherComponent.createObject(timelineRoot);
+                        quickSwitch.open();
+                    }
+                }
+
                 ImageButton {
                     visible: !collapsed
                     Layout.fillWidth: true