CSS fixes for exposed ID [SCI-7586]

app/assets/stylesheets/experiments.scss

@@ -85,21 +85,20 @@
 
           .experiment-name-cell {
             @include font-h3;
-            -webkit-box-orient: vertical;
-            display: -webkit-box;
             height: 3em;
-            -webkit-line-clamp: 2;
             margin: .25em 1.75em -.25em;
-            overflow: hidden;
-            text-overflow: ellipsis;
             width: 100%;
             position: relative;
 
 
             a {
+              -webkit-box-orient: vertical;
               color: inherit;
-              display: inline-block;
-              line-height: 1.25em;
+              display: -webkit-box;
+              height: 3em;
+              -webkit-line-clamp: 2;
+              overflow: hidden;
+              text-overflow: ellipsis;
             }
           }
 

app/assets/stylesheets/my_modules.scss

@@ -52,6 +52,21 @@
 }
 
 .module-large {
+
+  .nav-tabs {
+    display: flex;
+  }
+
+  .task-code {
+    align-items: center;
+    color: $color-volcano;
+    display: flex;
+    height: 30px;
+    margin-left: auto;
+    padding-right: .5em;
+    text-align: end;
+  }
+
   .description-label {
     word-break: break-all;
     word-wrap: break-word;
@@ -61,14 +76,6 @@
     word-break: break-all;
     word-wrap: break-word;
   }
-
-  .task-card-code {
-    bottom: 5px;
-    color: $color-volcano;
-    font-weight: 400;
-    position: absolute;
-    right: 5px;
-  }
 }
 
 .archived-task-card-code {

app/views/canvas/full_zoom/_my_module.html.erb

@@ -105,6 +105,9 @@
           </span>
         </a>
       </li>
+      <li role="presentation" class="task-code">
+        ID: <%= my_module.code %>
+      </li>
     </ul>
 
     <!-- Tab panes -->
@@ -114,9 +117,6 @@
       <div role="tabpanel" class="tab-pane" id="<%= my_module.id %>_activities" data-contents="activities"></div>
       <div role="tabpanel" class="tab-pane" id="<%= my_module.id %>_comments" data-contents="comments"></div>
     </div>
-    <div class="task-card-code">
-      ID: <%= my_module.code %>
-    </div>
   </div>
 </div>
 

app/views/experiments/module_archive.html.erb

@@ -20,7 +20,7 @@
 
     <div class="row" style="margin-top: 10px;">
       <% @my_modules.each_with_index do |my_module, i| %>
-        <div class="module-container col-lg-3 col-md-4 col-sm-12">
+        <div class="module-container col-lg-4 col-md-5 col-sm-12">
           <%= render partial: 'canvas/full_zoom/my_module', locals: {experiment: @experiment, my_module: my_module} %>
         </div>
       <% end %>

app/views/projects/index/_header.html.erb

@@ -88,7 +88,7 @@
             <span><i class="fas fa-sort-amount-down"></i></span>
           </button>
           <ul id="sortMenuDropdown" class="dropdown-menu sort-projects-menu dropdown-menu-right" aria-labelledby="sortMenu">
-            <% %w(new old atoz ztoa id_asc id_desc archived_new archived_old).each_with_index do |sort, i| %>
+            <% %w(archived_new archived_old new old atoz ztoa id_asc id_desc).each_with_index do |sort, i| %>
               <% if i.even? && i.positive? %>
                 <li class="divider" <%= i > 5 ? 'data-view-mode=archived' : '' %>></li>
               <% end %>

app/views/projects/show/_header.html.erb

@@ -72,7 +72,7 @@
           <i class="fas fa-sort-amount-up"></i>
         </button>
         <ul id="sortMenuDropdown" class="dropdown-menu sort-experiments-menu dropdown-menu-right" aria-labelledby="sortMenu">
-            <% %w(new old atoz ztoa id_asc id_desc archived_new archived_old).each_with_index do |sort, i| %>
+            <% %w(archived_new archived_old new old atoz ztoa id_asc id_desc).each_with_index do |sort, i| %>
               <% if i.even? && i.positive? %>
                 <li class="divider" <%= i > 5 ? 'data-view-mode=archived' : '' %>></li>
               <% end %>

config/locales/en.yml

@@ -3179,8 +3179,8 @@ en:
       old_html: "<i class=\"fas fa-sort-numeric-down\"></i>&nbsp;&nbsp;Started first"
       atoz_html: "<i class=\"fas fa-sort-alpha-down\"></i>&nbsp;&nbsp;Name A to Z"
       ztoa_html: "<i class=\"fas fa-sort-alpha-down-alt\"></i>&nbsp;&nbsp;Name Z to A"
-      archived_new_html: "<span class=\"fa-stack\"><i class=\"fas fa-long-arrow-alt-up\"></i><i class=\"fas fa-archive\"></i></span>Archived last"
-      archived_old_html: "<span class=\"fa-stack\"><i class=\"fas fa-long-arrow-alt-down\"></i><i class=\"fas fa-archive\"></i></span>Archived first"
+      archived_new_html: "<i class=\"fas fa-sort-numeric-down-alt\"></i>&nbsp;&nbsp;Archived last"
+      archived_old_html: "<i class=\"fas fa-sort-numeric-down\"></i>&nbsp;&nbsp;Archived first"
       id_asc_html: "<i class=\"fas fa-sort-numeric-down\"></i>&nbsp;&nbsp;ID ascending"
       id_desc_html: "<i class=\"fas fa-sort-numeric-down-alt\"></i>&nbsp;&nbsp;ID descending"
     sort_new: