[ticket/17125] Use FlexBox for message and smileys

PHPBB3-17125

phpBB/styles/prosilver/template/posting_editor.html

@@ -47,6 +47,7 @@
 
 	<!-- INCLUDE posting_buttons.html -->
 
+	<div class="smiley-message-box">
 	<div id="smiley-box" class="smiley-box">
 		<!-- EVENT posting_editor_smilies_before -->
 		<!-- IF S_SMILIES_ALLOWED and .smiley -->
@@ -88,6 +89,7 @@
 	</div>
 
 	<!-- EVENT posting_editor_message_after -->
+	</div>	
 	</fieldset>
 
 <!-- IF $EXTRA_POSTING_OPTIONS eq 1 -->

phpBB/styles/prosilver/theme/forms.css

@@ -284,6 +284,12 @@ fieldset.submit-buttons input {
 	margin: 3px;
 }
 
+.smiley-message-box {
+	display: flex;
+	flex-direction: row-reverse;
+	justify-content: space-between;
+}
+
 /* Input field styles
 ---------------------------------------- */
 .inputbox {

phpBB/styles/prosilver/theme/responsive.css

@@ -376,6 +376,10 @@
 		margin-top: 5px;
 	}
 
+	.smiley-message-box {
+		display: block;
+	}
+
 	.bbcode-status {
 		display: none;
 	}