From 5290f551cb249229c0e8fdccced19f33c8ecb922 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Wed, 13 Apr 2016 17:05:32 +0200
Subject: [PATCH] Fixed 'Attachments' tab in editor

---
 .../install/files/style/ui/attachment.scss    | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/wcfsetup/install/files/style/ui/attachment.scss b/wcfsetup/install/files/style/ui/attachment.scss
index 91881811e7..d931322a42 100644
--- a/wcfsetup/install/files/style/ui/attachment.scss
+++ b/wcfsetup/install/files/style/ui/attachment.scss
@@ -1,3 +1,4 @@
+/* attachment list in messages */
 .attachmentThumbnailList,
 .attachmentFileList {
 	> ul > li:not(:last-child) {
@@ -5,6 +6,7 @@
 	}
 }
 
+/* attachment in messages */
 .attachmentThumbnail {
 	border-radius: 3px;
 	min-height: #{$wcf_option_attachment_thumbnail_height}px;
@@ -39,3 +41,41 @@
 		}
 	}
 }
+
+/* attachments tab in editor */
+.formAttachmentContent {
+	> .formAttachmentList {
+		display: flex;
+		flex-wrap: wrap;
+		margin-right: -20px;
+		
+		> .box64 {
+			display: flex !important; /* jquery-ui sortable sometimes sets display:block */
+			flex: 0 0 calc(50% - 20px);
+			max-width: calc(50% - 20px); /* IE fix */
+			margin-right: 20px;
+			
+			> .attachmentTinyThumbnail {
+				max-height: 64px;
+				max-width: 64px;
+			}
+		}
+	}
+	
+	> dl > dd > div {
+		align-items: center;
+		display: flex;
+		
+		> .button {
+			flex: 0 0 auto;
+			
+			&:not(:first-child) {
+				margin-left: 10px;
+			}
+		}
+		
+		& + small {
+			margin-top: 10px !important;
+		}
+	}
+}
-- 
2.20.1