Fix UI for consumption/edit stock/assign to task modals [SCI-9407]

app/assets/stylesheets/repository/assign_items_to_task_modal.scss

@@ -1,10 +1,8 @@
 .assign-items-to-task-modal-container {
   .modal-header {
-    color: $color-volcano;
     display: flex;
     font-size: $font-size-h2;
     font-weight: bold;
-    padding: 1rem;
 
     .close {
       margin-left: auto;
@@ -12,7 +10,6 @@
   }
 
   .modal-body {
-    color: $color-volcano;
     display: flex;
     flex-direction: column;
     font-size: $font-size-base;

app/assets/stylesheets/repository/stock_modal.scss

@@ -15,8 +15,6 @@
       border-radius: $border-radius-modal;
       display: flex;
       flex-direction: column;
-      flex-grow: 1;
-      height: 5.5em;
       padding: .5em 0;
 
       .value {

app/assets/stylesheets/tailwind/modals.css

@@ -57,11 +57,11 @@
   }
 
   .modal .modal-header {
-    @apply flex items-start flex-row-reverse;
+    @apply flex items-center flex-row-reverse;
   }
 
   .modal .modal-title {
-    @apply text-xl font-bold m-0 mr-auto;
+    @apply text-xl font-bold m-0 mr-auto flex items-center flex-row-reverse;
   }
 
   .modal .close {

app/javascript/vue/assign_items_to_tasks_modal/container.vue

@@ -10,17 +10,17 @@
     <div class="modal-dialog modal-sm" role="document">
       <div class="modal-content">
         <div class="modal-header">
-          <h4 class="modal-title">
-            {{ i18n.t("repositories.modal_assign_items_to_task.title") }}
-          </h4>
           <button
             type="button"
             class="close"
             data-dismiss="modal"
             aria-label="Close"
           >
-            <i class="sn-icon sn-icon-close"></i>
-          </button>
+          <i class="sn-icon sn-icon-close"></i>
+        </button>
+        <h4 class="modal-title">
+          {{ i18n.t("repositories.modal_assign_items_to_task.title") }}
+        </h4>
         </div>
         <div class="modal-body">
           <div class="description">

app/views/repository_columns/_manage_column_modal_content.html.erb

@@ -1,17 +1,17 @@
 <div class="modal-header">
   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="sn-icon sn-icon-close"></i></button>
-  <button class="btn icon-btn btn-light btn-black manage-repo-column-index back-to-column-modal"
-          title="<%= t("libraries.manange_modal_column.button_tooltip") %>"
-          data-modal-url="<%= repository_repository_columns_path(@repository) %>"
-          data-action="new">
-    <span class="fas fa-arrow-left"></span>
-  </button>
   <h4 class="modal-title">
     <% if @repository_column.new_record? %>
       <%= t("libraries.manange_modal_column.new.title") %>
     <% else %>
       <%= t("libraries.manange_modal_column.edit.title", name:  @repository_column.name) %>
     <% end %>
+  <button class="btn icon-btn btn-light btn-black manage-repo-column-index back-to-column-modal"
+          title="<%= t("libraries.manange_modal_column.button_tooltip") %>"
+          data-modal-url="<%= repository_repository_columns_path(@repository) %>"
+          data-action="new">
+    <span class="fas fa-arrow-left"></span>
+  </button>
   </h4>
 </div>
 <div class="modal-body">

app/views/repository_stock_values/_manage_modal_content.html.erb

@@ -18,7 +18,7 @@
     <%= hidden_field_tag 'operator', 'set' %>
     <p><%= t('repository_stock_values.manage_modal.enter_amount') %></p>
     <div class="row">
-      <div class="col-sm-5">
+      <div class="col-sm-5 !pr-0">
         <label><%= t('repository_stock_values.manage_modal.operation') %></label>
         <% if repository_stock_value.id %>
           <div class="btn-group" role="group" aria-label="Operator group">