Fix CSS Issues[SCI-8559]

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%;

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;

app/assets/stylesheets/partials/_inline_editing.scss

@@ -114,4 +114,10 @@
       }
     }
   }
+
+  @-moz-document url-prefix() {
+    input {
+      padding: 0 4px;
+    }
+  }
 }

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,

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>

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 %>

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 {