Fix back/forward headers buttons in small window

src/gui/Base/HPageHeader.qml

@@ -26,7 +26,7 @@ Rectangle {
             icon.name: "go-back-to-main-pane"
             toolTip.text: qsTr("Go back to main pane")
 
-            onClicked: mainUI.mainPane.toggleFocus()
+            onClicked: mainUI.mainPane.filterRoomsField.toggleFocus()
 
             Layout.preferredWidth: theme.baseElementsHeight
             Layout.fillHeight: true

src/gui/MainPane/FilterRoomsField.qml

@@ -33,6 +33,17 @@ HTextField {
     property RoomList roomList
 
 
+    function toggleFocus() {
+        if (filterField.activeFocus) {
+            pageLoader.takeFocus()
+            return
+        }
+
+        mainPane.open()
+        filterField.forceActiveFocus()
+    }
+
+
     Behavior on opacity { HNumberAnimation {} }
 
     HShortcut {
@@ -42,14 +53,6 @@ HTextField {
 
     HShortcut {
         sequences: window.settings.keys.toggleFocusMainPane
-        onActivated: {
+        onActivated: toggleFocus()
-            if (filterField.activeFocus) {
-                pageLoader.takeFocus()
-                return
-            }
-
-            mainPane.open()
-            filterField.forceActiveFocus()
-        }
     }
 }

src/gui/Pages/Chat/RoomHeader.qml

@@ -34,7 +34,7 @@ Rectangle {
             icon.name: "go-back-to-main-pane"
             toolTip.text: qsTr("Go back to main pane")
 
-            onClicked: mainUI.mainPane.toggleFocus()
+            onClicked: mainUI.mainPane.filterRoomsField.toggleFocus()
 
             Layout.preferredWidth: showPaneButtons ? avatar.width : 0
             Layout.fillHeight: true