composer attachements: deal with long attachment lists

1 files changed, 18 insertions, 20 deletions

diff --git a/components/kube/contents/ui/ComposerView.qml b/components/kube/contents/ui/ComposerView.qml
index 4d8b437a..0a517e03 100644
--- a/components/kube/contents/ui/ComposerView.qml
+++ b/components/kube/contents/ui/ComposerView.qml
@@ -242,27 +242,14 @@ Kube.View {
                 onActiveFocusChanged: closeFirstSplitIfNecessary()
             }
 
-            Row {
+            Flow {
+                id: attachments
+
                 Layout.fillWidth: true
-                spacing: Kube.Units.largeSpacing
-                Flow {
-                    id: attachments
-
-                    layoutDirection: Qt.RightToLeft
-                    spacing: Kube.Units.smallSpacing
-                    clip: true
-
-                    Repeater {
-                        model: composerController.attachmentModel
-                        delegate: Kube.AttachmentDelegate {
-                            name: model.filename
-                            icon: model.iconName
-                            clip: true
-                            actionIcon: Kube.Icons.remove
-                            onExecute: composerController.removeAttachment(model.url)
-                        }
-                    }
-                }
+                layoutDirection: Qt.RightToLeft
+                spacing: Kube.Units.smallSpacing
+                clip: true
+
                 Kube.Button {
                     text: qsTr("Attach file")
 
@@ -283,6 +270,17 @@ Kube.View {
                         }
                     }
                 }
+
+                Repeater {
+                    model: composerController.attachmentModel
+                    delegate: Kube.AttachmentDelegate {
+                        name: model.filename
+                        icon: model.iconName
+                        clip: true
+                        actionIcon: Kube.Icons.remove
+                        onExecute: composerController.removeAttachment(model.url)
+                    }
+                }
             }
 
             Kube.TextEditor {