From 95ae8215a70046db71c37d295059115512855d7e Mon Sep 17 00:00:00 2001
From: aignatov-bio <aignatov@biosistemika.com>
Date: Mon, 15 Jun 2020 14:04:39 +0200
Subject: [PATCH] Fix MarvinJS modal header

---
 app/assets/stylesheets/marvinjs.scss      | 6 +++++-
 app/views/shared/_marvinjs_modal.html.erb | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/marvinjs.scss b/app/assets/stylesheets/marvinjs.scss
index 319d100ed..3476b9ea1 100644
--- a/app/assets/stylesheets/marvinjs.scss
+++ b/app/assets/stylesheets/marvinjs.scss
@@ -10,7 +10,7 @@
 // MarvinJs modal
 .modal-marvin-js {
   background: transparent;
-  font-size: $font-size-large;
+  font-size: $font-size-base;
   padding: 0 !important;
 
   .preview-close {
@@ -40,19 +40,23 @@
   .modal-header {
     background: $color-black;
     border: 0;
+    display: flex;
     height: 60px;
     line-height: 40px;
     padding: 10px 15px;
     text-align: center;
 
     .file-save-link {
+      flex-shrink: 0;
       margin: 0 20px 0 0;
     }
 
     .file-name {
       align-items: center;
       display: flex;
+      flex-shrink: 0;
       float: left;
+      margin-right: auto;
 
       input {
         border-radius: 5px;
diff --git a/app/views/shared/_marvinjs_modal.html.erb b/app/views/shared/_marvinjs_modal.html.erb
index d63b455aa..fb75bd6ef 100644
--- a/app/views/shared/_marvinjs_modal.html.erb
+++ b/app/views/shared/_marvinjs_modal.html.erb
@@ -9,12 +9,12 @@
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
-          <button type="button" class="preview-close" data-dismiss="modal"><span class="fas fa-times"></span></button>
           <span class="file-name">
             <%= t('marvinjs.modal_name_title') %>
             <%= text_field_tag :sketch_name, '', placeholder: t('marvinjs.structure_placeholder') %>
           </span>
           <p class="file-save-link"><span class="fas fa-save"></span> <%= t('SaveClose')%></p>
+          <button type="button" class="preview-close" data-dismiss="modal"><span class="fas fa-times"></span></button>
         </div>
         <div class="modal-body">
           <div id="marvinjs-editor" data-marvinjs-mode="<%= ENV['MARVINJS_API_KEY'] ? 'remote' : 'local' %>">