From 4a3f8146e326ce1ea1e8d0d67954056a65db5d2c Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Thu, 17 Aug 2023 13:11:58 +0100
Subject: [PATCH] Fix CSS style issues [wb-SCI-9003]

---
 app/assets/stylesheets/dashboard/current_tasks.scss           | 2 +-
 app/assets/stylesheets/projects.scss                          | 4 ----
 app/assets/stylesheets/tailwind/inputs.css                    | 2 +-
 app/javascript/vue/repository_search/container.vue            | 4 ++--
 app/views/dashboards/_current_tasks.html.erb                  | 4 ++--
 .../projects/index/modals/_move_to_modal_contents.html.erb    | 2 +-
 6 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/dashboard/current_tasks.scss b/app/assets/stylesheets/dashboard/current_tasks.scss
index ec2ee3d84..3942b8f03 100644
--- a/app/assets/stylesheets/dashboard/current_tasks.scss
+++ b/app/assets/stylesheets/dashboard/current_tasks.scss
@@ -18,7 +18,7 @@
     flex-basis: 36px;
 
     .sn-icon {
-      top: calc(50% - .75rem);
+      position: absolute;
     }
 
     .task-search-field {
diff --git a/app/assets/stylesheets/projects.scss b/app/assets/stylesheets/projects.scss
index 676a7ba33..1031a8bcf 100644
--- a/app/assets/stylesheets/projects.scss
+++ b/app/assets/stylesheets/projects.scss
@@ -1217,10 +1217,6 @@ li.module-hover {
   .sci-input-container.left-icon {
     margin: 1em 0;
   }
-
-  .sn-icon {
-    top: calc(50% - .75rem);
-  }
 }
 
 .cards-wrapper.cards {
diff --git a/app/assets/stylesheets/tailwind/inputs.css b/app/assets/stylesheets/tailwind/inputs.css
index 48a658c60..f64561fa8 100644
--- a/app/assets/stylesheets/tailwind/inputs.css
+++ b/app/assets/stylesheets/tailwind/inputs.css
@@ -25,7 +25,7 @@
   }
 
   .sci-input-container-v2 input:focus {
-    border-color: var(--sn-sleepy-grey);
+    border-color: var(--sn-science-blue);
     box-shadow: none;
   }
 
diff --git a/app/javascript/vue/repository_search/container.vue b/app/javascript/vue/repository_search/container.vue
index 64745dc68..4c4caad78 100644
--- a/app/javascript/vue/repository_search/container.vue
+++ b/app/javascript/vue/repository_search/container.vue
@@ -3,7 +3,7 @@
     class="flex items-center mr-3 flex-nowrap relative" 
     v-click-outside="{handler: 'closeSearchInputs', exclude: ['searchInput', 'searchInputBtn', 'barcodeSearchInput', 'barcodeSearchInputBtn']}"
   >
-    <button :class="{hidden: searchOpened}" ref='searchInputBtn' class="btn btn-light btn-lg btn-black icon-btn" :title="i18n.t('repositories.show.search_button_tooltip')" @click="openSearch">
+    <button :class="{hidden: searchOpened}" ref='searchInputBtn' class="btn btn-light btn-black icon-btn" :title="i18n.t('repositories.show.search_button_tooltip')" @click="openSearch">
       <i class="sn-icon sn-icon-search"></i>
     </button>
     <div v-if="searchOpened || barcodeSearchOpened" class="w-52 flex">
@@ -28,7 +28,7 @@
         <i class='sn-icon sn-icon-barcode barcode-scanner !mr-2.5'></i>
       </div>
     </div>
-    <button :class="{hidden: barcodeSearchOpened}" ref='barcodeSearchInputBtn' class="btn btn-light btn-lg btn-black icon-btn ml-2" :title="i18n.t('repositories.show.ean_search_button_tooltip')" @click="openBarcodeSearch">
+    <button :class="{hidden: barcodeSearchOpened}" ref='barcodeSearchInputBtn' class="btn btn-light btn-black icon-btn ml-2" :title="i18n.t('repositories.show.ean_search_button_tooltip')" @click="openBarcodeSearch">
       <i class='sn-icon sn-icon-barcode barcode-scanner'></i>
     </button>
   </div>
diff --git a/app/views/dashboards/_current_tasks.html.erb b/app/views/dashboards/_current_tasks.html.erb
index 5860db827..2f495f02f 100644
--- a/app/views/dashboards/_current_tasks.html.erb
+++ b/app/views/dashboards/_current_tasks.html.erb
@@ -58,8 +58,8 @@
         </div>
       </div>
       <div class="search-container">
-        <div class="sci-input-container left-icon ">
-          <input type="text" class="sci-input-field task-search-field" placeholder="<%= t("dashboard.current_tasks.search") %>"></input>
+        <div class="sci-input-container-v2 left-icon h-[2.25rem]">
+          <input type="text" class="sci-input-field task-search-field" placeholder="<%= t("dashboard.current_tasks.search") %>" />
           <i class="sn-icon sn-icon-search"></i>
         </div>
       </div>
diff --git a/app/views/projects/index/modals/_move_to_modal_contents.html.erb b/app/views/projects/index/modals/_move_to_modal_contents.html.erb
index 7c2b486a9..57a6a21b3 100644
--- a/app/views/projects/index/modals/_move_to_modal_contents.html.erb
+++ b/app/views/projects/index/modals/_move_to_modal_contents.html.erb
@@ -8,7 +8,7 @@
 <div class="modal-body">
   <%= t('projects.index.modal_move_folder.description', items: items_label) %>
 
-  <div class="sci-input-container left-icon">
+  <div class="sci-input-container-v2 left-icon my-4 h-[2.25rem]">
     <input type="search" class="form-control sci-input-field" id="searchFolderTree" placeholder="Find a folder"/>
     <i class="sn-icon sn-icon-search"></i>
   </div>