From 046ecc5d50df520646e6ffd3f07752bfca75733a Mon Sep 17 00:00:00 2001
From: Marco Burstein <marco@marco.how>
Date: Sun, 16 Dec 2018 12:53:15 -0800
Subject: [PATCH] styles: Fix compose options hidden when editing.

Fix an issue that when a message is being edited, sometimes compose
options are hidden if there is no time limit. Also, move the options
further from the time limit to make them more noticeable.

Fix #11056.
---
 static/styles/zulip.scss                      |  6 ++++++
 static/templates/message_edit_form.handlebars | 10 +++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/static/styles/zulip.scss b/static/styles/zulip.scss
index ca5c571e90..cb68c19aeb 100644
--- a/static/styles/zulip.scss
+++ b/static/styles/zulip.scss
@@ -1361,6 +1361,12 @@ div.focused_table {
 .message-edit-timer-control-group {
     float: right;
     display: none;
+    margin-top: 5px;
+}
+
+.message-edit-feature-group {
+    display: inline-block;
+    margin-bottom: -5px;
 }
 
 .topic_edit {
diff --git a/static/templates/message_edit_form.handlebars b/static/templates/message_edit_form.handlebars
index f8c458c902..e445ad9547 100644
--- a/static/templates/message_edit_form.handlebars
+++ b/static/templates/message_edit_form.handlebars
@@ -36,13 +36,13 @@
             <button type="button" class="button small rounded message_edit_close">{{t "Close" }}</button>
             {{/if}}
             {{#if has_been_editable}}
+            <div class="message-edit-feature-group">
+                <input type="file" id="message_edit_file_input_{{message_id}}" class="notvisible pull-left" multiple />
+                <a class="message-control-button fa fa-font" aria-hidden="true" title="{{t 'Formatting' }}" data-overlay-trigger="message-formatting" ></a>
+                <a class="message-control-button fa fa-paperclip notdisplayed" aria-hidden="true" id="attach_files_{{message_id}}" href="#" title="{{t "Attach files" }}"></a>
+            </div>
             <div class="message-edit-timer-control-group">
                 <span class="message_edit_countdown_timer"></span>
-                <div class="message-edit-timer-control-group">
-                    <input type="file" id="message_edit_file_input_{{message_id}}" class="notvisible pull-left" multiple />
-                    <a class="message-control-button fa fa-font" aria-hidden="true" title="{{t 'Formatting' }}" data-overlay-trigger="message-formatting" ></a>
-                    <a class="message-control-button fa fa-paperclip notdisplayed" aria-hidden="true" id="attach_files_{{message_id}}" href="#" title="{{t "Attach files" }}"></a>
-                </div>
                 <span><i id="message_edit_tooltip" class="message_edit_tooltip fa fa-question-circle" aria-hidden="true" data-toggle="tooltip"
                     title="{{#tr this}}This organization is configured to restrict editing of message content to __minutes_to_edit__ minutes after it is sent.{{/tr}}"></i>
                 </span>