From 5c890e4cc3a6c5ae96c8095474fd77c0ea6d82c0 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Sun, 10 Apr 2022 11:52:05 +0200
Subject: [PATCH] Flex-Box Layout of "Move Attachment" buttons

---
 client/components/settings/attachments.jade | 18 ++++++++++--------
 client/components/settings/attachments.styl |  3 +++
 2 files changed, 13 insertions(+), 8 deletions(-)
 create mode 100644 client/components/settings/attachments.styl

diff --git a/client/components/settings/attachments.jade b/client/components/settings/attachments.jade
index e9a3da328..114c5666e 100644
--- a/client/components/settings/attachments.jade
+++ b/client/components/settings/attachments.jade
@@ -18,10 +18,11 @@ template(name="attachments")
             +moveAttachments
 
 template(name="moveAttachments")
-  .js-move-attachment
-    button.js-move-all-attachments-to-fs {{_ 'move-all-attachments-to-fs'}}
-  .js-move-attachment
-    button.js-move-all-attachments-to-gridfs {{_ 'move-all-attachments-to-gridfs'}}
+  .move-attachment-buttons
+    .js-move-attachment
+      button.js-move-all-attachments-to-fs {{_ 'move-all-attachments-to-fs'}}
+    .js-move-attachment
+      button.js-move-all-attachments-to-gridfs {{_ 'move-all-attachments-to-gridfs'}}
 
   each board in getBoardsWithAttachments
     +moveBoardAttachments board
@@ -36,10 +37,11 @@ template(name="moveBoardAttachments")
         td {{ _id }}
         td {{ title }}
 
-  .js-move-attachment
-    button.js-move-all-attachments-of-board-to-fs {{_ 'move-all-attachments-of-board-to-fs'}}
-  .js-move-attachment
-    button.js-move-all-attachments-of-board-to-gridfs {{_ 'move-all-attachments-of-board-to-gridfs'}}
+  .move-attachment-buttons
+    .js-move-attachment
+      button.js-move-all-attachments-of-board-to-fs {{_ 'move-all-attachments-of-board-to-fs'}}
+    .js-move-attachment
+      button.js-move-all-attachments-of-board-to-gridfs {{_ 'move-all-attachments-of-board-to-gridfs'}}
 
   .board-attachments
     table
diff --git a/client/components/settings/attachments.styl b/client/components/settings/attachments.styl
new file mode 100644
index 000000000..39363c152
--- /dev/null
+++ b/client/components/settings/attachments.styl
@@ -0,0 +1,3 @@
+.move-attachment-buttons
+  display: flex
+  gap: 10px