From b4657e534a2dd104056e72648a2e204f3c9602a7 Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Thu, 10 Aug 2023 08:11:07 +0100
Subject: [PATCH] Fix CSS Issues[SCI-8559]

---
 app/assets/stylesheets/dashboard/show.scss            |  2 +-
 app/assets/stylesheets/label_templates/index.scss     |  2 +-
 app/assets/stylesheets/partials/_inline_editing.scss  |  6 ++++++
 app/assets/stylesheets/settings/teams.scss            | 11 +----------
 app/views/experiments/_clone_modal.html.erb           |  2 +-
 app/views/users/settings/teams/show.html.erb          |  7 ++++---
 vendor/assets/stylesheets/handsontable.full.sass.scss |  5 +++++
 7 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/app/assets/stylesheets/dashboard/show.scss b/app/assets/stylesheets/dashboard/show.scss
index 0838ee041..565e0d57f 100644
--- a/app/assets/stylesheets/dashboard/show.scss
+++ b/app/assets/stylesheets/dashboard/show.scss
@@ -90,7 +90,7 @@
   }
 }
 
-@media (max-width: 1100px) {
+@media (max-width: 1240px) {
   .dashboard-container {
     --dashboard-widgets-gap: 15px;
     grid-template-columns: 100%;
diff --git a/app/assets/stylesheets/label_templates/index.scss b/app/assets/stylesheets/label_templates/index.scss
index deb224edc..d5ce19ada 100644
--- a/app/assets/stylesheets/label_templates/index.scss
+++ b/app/assets/stylesheets/label_templates/index.scss
@@ -60,7 +60,7 @@
 
 .label-templates-datatable {
   --content-header-size: 3.5rem;
-  height: calc(100vh - var(--navbar-height) - var(--content-header-size));
+  height: calc(100vh - var(--top-navigation-height) - var(--breadcrumbs-navigation-height) - var(--content-header-size));
 
   #label-templates-table_wrapper {
     display: flex;
diff --git a/app/assets/stylesheets/partials/_inline_editing.scss b/app/assets/stylesheets/partials/_inline_editing.scss
index f7914a849..e4caed037 100644
--- a/app/assets/stylesheets/partials/_inline_editing.scss
+++ b/app/assets/stylesheets/partials/_inline_editing.scss
@@ -114,4 +114,10 @@
       }
     }
   }
+
+  @-moz-document url-prefix() {
+    input {
+      padding: 0 4px;
+    }
+  }
 }
diff --git a/app/assets/stylesheets/settings/teams.scss b/app/assets/stylesheets/settings/teams.scss
index ce241cbb2..d37b3ee99 100644
--- a/app/assets/stylesheets/settings/teams.scss
+++ b/app/assets/stylesheets/settings/teams.scss
@@ -90,16 +90,7 @@
     }
 
     .button-container {
-      position: absolute;
-      right: 0;
-      top: -20px;
-
-      .inline-field-button {
-        color: $color-silver-chalice;
-        cursor: pointer;
-        line-height: 20px;
-        padding-left: 20px;
-      }
+      top: -32px;
     }
 
     &:hover .input-field,
diff --git a/app/views/experiments/_clone_modal.html.erb b/app/views/experiments/_clone_modal.html.erb
index d27d4c9af..5ff9e5f97 100644
--- a/app/views/experiments/_clone_modal.html.erb
+++ b/app/views/experiments/_clone_modal.html.erb
@@ -17,7 +17,7 @@
                            end
                          end,
                          @experiment.project.id ),
-                       {}, {class: "form-control selectpicker", "data-role" => "clear"} %>
+                       {}, {"data-role" => "clear"} %>
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal"><%=t "general.cancel" %></button>
diff --git a/app/views/users/settings/teams/show.html.erb b/app/views/users/settings/teams/show.html.erb
index 92c349d39..40bdd4f80 100644
--- a/app/views/users/settings/teams/show.html.erb
+++ b/app/views/users/settings/teams/show.html.erb
@@ -65,7 +65,7 @@
       </span>
     </div>
 
-    <div class="team-description">
+    <div class="team-description inline-editing-container">
       <% if can_manage_team?(@team) %>
         <div
           class="inline-init-handler"
@@ -77,8 +77,9 @@
           <div class="view-mode" data-placeholder="<%= t("users.settings.teams.show.enter_description") %>"><%= @team.description %></div>
           <textarea placeholder="<%= t("users.settings.teams.show.enter_description") %>" class="hidden input-field smart-text-area" type="text" value="<%= @team.description %>" disabled><%= @team.description %></textarea>
           <div class="button-container">
-            <span class="cancel-button inline-field-button"><%= t('general.cancel') %></span>
-            <span class="save-button inline-field-button"><%= t('general.save') %></span>
+            <span class="cancel-button inline-field-button"><i class="sn-icon sn-icon-close"></i></span>
+            <span class="save-button inline-field-button"><i class="sn-icon sn-icon-check"></i></span>
+
           </div>
         </div>
       <% else %>
diff --git a/vendor/assets/stylesheets/handsontable.full.sass.scss b/vendor/assets/stylesheets/handsontable.full.sass.scss
index e6aadf044..5c848e5f5 100644
--- a/vendor/assets/stylesheets/handsontable.full.sass.scss
+++ b/vendor/assets/stylesheets/handsontable.full.sass.scss
@@ -29,6 +29,7 @@
 /**
  * Fix for bootstrap styles
  */
+ // scss-lint:disable ImportantRule
 .handsontable .table th, .handsontable .table td {
   border-top: none;
 }
@@ -509,6 +510,10 @@
   top: 0;
   left: 0;
   z-index: 104;
+
+  *:focus {
+    outline: none !important;
+  }
 }
 
 .htSelectEditor {