From f73d2496b80e9d0dde7c883c0fe51a7e973f2926 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Fri, 6 Jan 2023 10:54:38 +0100
Subject: [PATCH] Experiment table small css fixes [SCI-7678]

---
 app/assets/stylesheets/experiment/show.scss     |  3 ++-
 app/assets/stylesheets/experiments.scss         |  8 ++++++++
 app/assets/stylesheets/shared/content_pane.scss | 11 ++++++++---
 app/views/projects/show/_header.html.erb        | 16 +++++++++-------
 4 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/experiment/show.scss b/app/assets/stylesheets/experiment/show.scss
index bf4e3b6c4..de00b7a70 100644
--- a/app/assets/stylesheets/experiment/show.scss
+++ b/app/assets/stylesheets/experiment/show.scss
@@ -1,7 +1,8 @@
 // scss-lint:disable SelectorDepth NestingDepth IdSelector
 
 #experimentTable,
-#experiment-canvas {
+#experiment-canvas,
+#module-archive {
   .experimnet-name {
     max-width: calc(100% - 300px);
   }
diff --git a/app/assets/stylesheets/experiments.scss b/app/assets/stylesheets/experiments.scss
index 93672ad55..340625885 100644
--- a/app/assets/stylesheets/experiments.scss
+++ b/app/assets/stylesheets/experiments.scss
@@ -21,6 +21,14 @@
     }
   }
 
+  .project-show-toolbar {
+    display: flex;
+
+    .btn {
+      margin-right: .25em;
+    }
+  }
+
   .content-header {
     .project-name {
       align-items: center;
diff --git a/app/assets/stylesheets/shared/content_pane.scss b/app/assets/stylesheets/shared/content_pane.scss
index 9cee83fd3..6e65738c1 100644
--- a/app/assets/stylesheets/shared/content_pane.scss
+++ b/app/assets/stylesheets/shared/content_pane.scss
@@ -66,7 +66,7 @@
 
         .dropdown-menu {
           @include font-button;
-          min-width: auto;
+          min-width: 190px;
 
           .divider-label {
             @include font-small;
@@ -74,9 +74,13 @@
             padding: .25em 1em;
           }
 
+          .divider {
+            margin: 0;
+          }
+
           li {
             cursor: pointer;
-            padding: 1em;
+            padding: .5em 1em;
             white-space: nowrap;
 
             .button-icon {
@@ -87,10 +91,11 @@
               background: $color-concrete;
             }
 
+
             a {
               display: inline-block;
               margin: -1em;
-              padding: 1em;
+              padding: .5em 1em;
               width: calc(100% + 2em);
 
               &.selected::after {
diff --git a/app/views/projects/show/_header.html.erb b/app/views/projects/show/_header.html.erb
index 8665d8ef9..300aa2385 100644
--- a/app/views/projects/show/_header.html.erb
+++ b/app/views/projects/show/_header.html.erb
@@ -46,14 +46,16 @@
           <% end %>
         </li>
 
-        <div role="separator" class="divider"></div>
-        <li class="view-switch-active archive-switch" data-view-mode="archived" data-url="<%= project_path(@project) %>">
-          <i class="fas fa-rocket button-icon"></i> <%= t('experiments.header.active_experiments') %>
-        </li>
+        <% unless @project.archived?%>
+          <div role="separator" class="divider"></div>
+          <li class="view-switch-active archive-switch" data-view-mode="archived" data-url="<%= project_path(@project) %>">
+            <i class="fas fa-rocket button-icon"></i> <%= t('experiments.header.active_experiments') %>
+          </li>
 
-        <li class="view-switch-archived archive-switch" data-view-mode="active" data-url="<%= project_path(@project, view_mode: 'archived') %>">
-          <i class="fas fa-archive button-icon"></i> <%= t('experiments.header.archived_experiments') %>
-        </li>
+          <li class="view-switch-archived archive-switch" data-view-mode="active" data-url="<%= project_path(@project, view_mode: 'archived') %>">
+            <i class="fas fa-archive button-icon"></i> <%= t('experiments.header.archived_experiments') %>
+          </li>
+        <% end %>
       <% end %>
       <%= render layout: 'shared/filter_dropdown', locals: {
         container_class: 'experiments-filters',