Change archive modal window

- Change button text
- Add seporators for dates
- Disable focus on input after open modal

app/views/telegram_messages/_archive_form.html.erb

@@ -1,7 +1,9 @@
 <% if User.current.allowed_to?(:view_telegram_chat_archive, @issue.project) and @issue.telegram_messages.present? %>
   <%= form_tag publish_issue_telegram_messages_path, class: 'archive-form' do %>
     <% messages_by_date.each do |date, messages| %>
-      <div class="message-date"><%= date %></div>
+      <fieldset class="message-date">
+        <legend><%= date %></legend>
+      </fieldset>
       <% messages.each do |message| %>
         <div class="telegram-message" data-sent-at=<%= message.sent_at.to_i %>>
           <%= check_box_tag 'telegram_message_ids[]', message.id %>

app/views/telegram_messages/_modal_window.html.erb

@@ -1,10 +1,10 @@
 <div class="archive-date-picker">
   <span>Перейти к дате:</span>
-  <input id="datetimepicker" type="text" placeholder="Выберите дату">
+  <input id="datetimepicker" type="text" placeholder="выберите дату">
   <hr>
 </div>
 <%= render partial: 'archive_form'%>
 <hr>
-<%= submit_tag 'Сохранить в задаче',
+<%= submit_tag 'Скопировать в задачу',
   onclick: "$('.archive-form').submit()",
   class: 'archive-submit-button'%>

app/views/telegram_messages/index.js.erb

@@ -12,6 +12,9 @@ $('#ajax-modal').dialog({
   },
   resizable: false,
   title: 'Архив',
+  open: function(){
+    $("#datetimepicker").blur()
+  },
   close: function(){
     $('#datetimepicker').datetimepicker('destroy')
   }

assets/stylesheets/style.css

@@ -17,5 +17,8 @@
 }
 
 .message-date{
+  border:0px;
+  border-top:1px solid gray;
   text-align: center;
+  margin: 10px 0;
 }