Improve device list footer

- Always visible
- Add a refresh button
- Will no longer make the list slowly grow

TODO.md

@@ -1,22 +1,23 @@
 # TODO
 
 - handle `{}` bad `DevicesResponse`
-- verify & delete devices
+- delete devices (do that in key verification popup instead of blacklisting)
 - sessions page size
 - flickshortcuts
 - avatar upload/change component
 
-- show scrollbars for a few secs if there's content to scroll on beginning
+- device IP geolocation
-
 - field/area focus line in popups weird
 - clear listview checked on message clear
 - unregister popup/menu when destroyed without being closed
 - menu click-through padding to close it easily
+- show scrollbars for a few secs if there's content to scroll on beginning
 
 - can leave room with a reason?
 - use new nio `restore_login()`
 
 - verify all popups and boxes work: enter/esc, tab focus, operations
+- update nio fork, requirements.txt and flatpak nio version
 
 ## Refactoring
 

src/gui/Pages/AccountSettings/Sessions.qml

@@ -53,16 +53,19 @@ HColumnPage {
 
 
     footer: ButtonLayout {
-        visible: height >= 0
+        OtherButton {
-        height: deviceList.selectedCount ? implicitHeight : 0
+            text: qsTr("Refresh")
-
+            icon.name: "device-refresh-list"
-        Behavior on height { HNumberAnimation {} }
+            onClicked: loadDevices()
+        }
 
         OtherButton {
             text:
+                deviceList.selectedCount === 0 ?
+                qsTr("Sign out all") :
                 deviceList.selectedCount === 1 ?
-                qsTr("Sign out checked session") :
+                qsTr("Sign out checked") :
-                qsTr("Sign out %1 sessions").arg(deviceList.selectedCount)
+                qsTr("Sign out checked (%1)").arg(deviceList.selectedCount)
 
             icon.name: "device-delete-checked"
             icon.color: theme.colors.negativeBackground

src/icons/thin/device-refresh-list.svg

@@ -0,0 +1,3 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="m13.5 2c-5.288 0-9.649 3.914-10.377 9h-3.123l4 5.917 4-5.917h-2.847c.711-3.972 4.174-7 8.347-7 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-3.015 0-5.662-1.583-7.171-3.957l-1.2 1.775c1.916 2.536 4.948 4.182 8.371 4.182 5.797 0 10.5-4.702 10.5-10.5s-4.703-10.5-10.5-10.5z"/>
+</svg>