From d458571f133c63d0be16c8138246a2b97dcf20c0 Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Fri, 24 Jan 2020 11:23:33 -0500
Subject: [PATCH] Moving message preview button. Fixes #459

---
 ui/src/components/private-message-form.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/private-message-form.tsx b/ui/src/components/private-message-form.tsx
index 5ee1c1f..170c2ab 100644
--- a/ui/src/components/private-message-form.tsx
+++ b/ui/src/components/private-message-form.tsx
@@ -151,15 +151,6 @@ export class PrivateMessageForm extends Component<
                 />
               )}
 
-              {this.state.privateMessageForm.content && (
-                <button
-                  className={`mt-1 mr-2 btn btn-sm btn-secondary ${this.state
-                    .previewMode && 'active'}`}
-                  onClick={linkEvent(this, this.handlePreviewToggle)}
-                >
-                  {i18n.t('preview')}
-                </button>
-              )}
               <ul class="float-right list-inline mb-1 text-muted small font-weight-bold">
                 <li class="list-inline-item">
                   <span
@@ -209,6 +200,15 @@ export class PrivateMessageForm extends Component<
                   capitalizeFirstLetter(i18n.t('send_message'))
                 )}
               </button>
+              {this.state.privateMessageForm.content && (
+                <button
+                  className={`btn btn-secondary mr-2 ${this.state.previewMode &&
+                    'active'}`}
+                  onClick={linkEvent(this, this.handlePreviewToggle)}
+                >
+                  {i18n.t('preview')}
+                </button>
+              )}
               {this.props.privateMessage && (
                 <button
                   type="button"