From 71683d6d82c66acb5fa1b7699d91a75e3f3cb027 Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Wed, 7 Oct 2020 13:19:23 -0400
Subject: [PATCH] chore: make inactive session icons more subtle and apply
 nowrap

---
 ui/core/app/styles/app.scss                         | 13 +++++++++----
 .../scope/projects/project/sessions/index.hbs       |  2 +-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/ui/core/app/styles/app.scss b/ui/core/app/styles/app.scss
index 4836f4bb5..f5dd238d3 100644
--- a/ui/core/app/styles/app.scss
+++ b/ui/core/app/styles/app.scss
@@ -115,8 +115,13 @@
   }
 }
 
-.session-status-active {
-  &.rose-icon {
-    color: var(--success);
-  }
+[class*="session-status-"] {
+  color: var(--ui-gray-subtler-2);
+}
+.session-status-active {
+  color: var(--success);
+}
+
+.nowrap {
+  white-space: nowrap;
 }
diff --git a/ui/core/app/templates/scopes/scope/projects/project/sessions/index.hbs b/ui/core/app/templates/scopes/scope/projects/project/sessions/index.hbs
index a789969a0..8865b085f 100644
--- a/ui/core/app/templates/scopes/scope/projects/project/sessions/index.hbs
+++ b/ui/core/app/templates/scopes/scope/projects/project/sessions/index.hbs
@@ -30,7 +30,7 @@
         <table.body as |body|>
           {{#each @model as |sessionAggregate|}}
             <body.row as |row|>
-              <row.headerCell>
+              <row.headerCell class="nowrap">
                 <Rose::Icon
                   class={{concat "session-status-" sessionAggregate.session.status}}
                   @name="app-icons/action-session"