diff --git a/app/assets/javascripts/experiments/table.js b/app/assets/javascripts/experiments/table.js
index 1ac0f5da5..a6e950d72 100644
--- a/app/assets/javascripts/experiments/table.js
+++ b/app/assets/javascripts/experiments/table.js
@@ -43,7 +43,8 @@ var ExperimnetTable = {
return `${data.count}`;
},
status: function(data) {
- return `
${data.name}
`;
+ return `${data.name}
`;
},
assigned: function(data) {
return data.html;
diff --git a/app/assets/stylesheets/dashboard/current_tasks.scss b/app/assets/stylesheets/dashboard/current_tasks.scss
index 3942b8f03..136b5d7a1 100644
--- a/app/assets/stylesheets/dashboard/current_tasks.scss
+++ b/app/assets/stylesheets/dashboard/current_tasks.scss
@@ -211,6 +211,10 @@
color: $color-white;
font-weight: bold;
padding: .25em .5em;
+
+ &.btn-not-started {
+ @include not-started;
+ }
}
}
diff --git a/app/assets/stylesheets/experiment/canvas.scss b/app/assets/stylesheets/experiment/canvas.scss
index 8ff80f37e..ccbc5efa9 100644
--- a/app/assets/stylesheets/experiment/canvas.scss
+++ b/app/assets/stylesheets/experiment/canvas.scss
@@ -35,6 +35,10 @@
padding: 2px 8px;
text-overflow: ellipsis;
white-space: nowrap;
+
+ &.btn-not-started {
+ @include not-started;
+ }
}
}
diff --git a/app/assets/stylesheets/experiment/table.scss b/app/assets/stylesheets/experiment/table.scss
index 45ff04911..dcc31613b 100644
--- a/app/assets/stylesheets/experiment/table.scss
+++ b/app/assets/stylesheets/experiment/table.scss
@@ -359,6 +359,10 @@
padding: 2px 8px;
text-overflow: ellipsis;
white-space: nowrap;
+
+ &.btn-not-started {
+ @include not-started;
+ }
}
.table-row-placeholder-divider {
diff --git a/app/assets/stylesheets/mixins.scss b/app/assets/stylesheets/mixins.scss
index 57731f5c1..4ef83e460 100644
--- a/app/assets/stylesheets/mixins.scss
+++ b/app/assets/stylesheets/mixins.scss
@@ -77,6 +77,10 @@
width: .5em;
}
+@mixin not-started {
+ border: 1px solid var(--sn-sleepy-grey);
+ color: var(--sn-black);
+}
// Material design mixins
diff --git a/app/assets/stylesheets/my_modules/status_flow.scss b/app/assets/stylesheets/my_modules/status_flow.scss
index 42740920c..087c41c39 100644
--- a/app/assets/stylesheets/my_modules/status_flow.scss
+++ b/app/assets/stylesheets/my_modules/status_flow.scss
@@ -13,8 +13,7 @@
width: 100%;
&.btn-not-started {
- border: 1px solid var(--sn-sleepy-grey);
- color: var(--sn-black);
+ @include not-started;
}
.caret {
@@ -74,8 +73,7 @@
}
.btn-not-started {
- border: 1px solid var(--sn-sleepy-grey);
- color: var(--sn-black);
+ @include not-started;
}
.error-message {
@@ -139,8 +137,7 @@
white-space: nowrap;
&.btn-not-started {
- border: 1px solid var(--sn-sleepy-grey);
- color: var(--sn-black);
+ @include not-started;
}
}
diff --git a/app/views/canvas/full_zoom/_my_module.html.erb b/app/views/canvas/full_zoom/_my_module.html.erb
index a0033b664..faa32a901 100644
--- a/app/views/canvas/full_zoom/_my_module.html.erb
+++ b/app/views/canvas/full_zoom/_my_module.html.erb
@@ -65,12 +65,13 @@
-
- <% if my_module.status_changing %>
-
-
<%= t('experiments.canvas.full_zoom.status_transitioning_label') %>
- <% end %>
- <%= my_module.my_module_status.name %>
+
+ <% if my_module.status_changing %>
+
+ <%= t('experiments.canvas.full_zoom.status_transitioning_label') %>
+ <% end %>
+ <%= my_module.my_module_status.name %>
diff --git a/app/views/dashboards/current_tasks/_task.html.erb b/app/views/dashboards/current_tasks/_task.html.erb
index 4d75589ce..f8c479274 100644
--- a/app/views/dashboards/current_tasks/_task.html.erb
+++ b/app/views/dashboards/current_tasks/_task.html.erb
@@ -16,6 +16,9 @@
<% end %>
- <%= task.status_name %>
+
+ <%= task.status_name %>
+