From 34ce344a0e73eb9535c53ff8dd997c9a6d84ef35 Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Wed, 7 Oct 2020 12:45:18 -0400
Subject: [PATCH 1/2] style: Add session icon to sessions list

Also, specify active session icon color
---
 ui/core/app/styles/app.scss                                 | 6 ++++++
 .../scopes/scope/projects/project/sessions/index.hbs        | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/ui/core/app/styles/app.scss b/ui/core/app/styles/app.scss
index ba376f696..4836f4bb5 100644
--- a/ui/core/app/styles/app.scss
+++ b/ui/core/app/styles/app.scss
@@ -114,3 +114,9 @@
     }
   }
 }
+
+.session-status-active {
+  &.rose-icon {
+    color: var(--success);
+  }
+}
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 2271e2473..a789969a0 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
@@ -31,6 +31,10 @@
           {{#each @model as |sessionAggregate|}}
             <body.row as |row|>
               <row.headerCell>
+                <Rose::Icon
+                  class={{concat "session-status-" sessionAggregate.session.status}}
+                  @name="app-icons/action-session"
+                  @size="medium" />
                 <Copyable
                   @text={{sessionAggregate.session.id}}
                   @buttonText={{t "actions.copy-to-clipboard"}}

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 2/2] 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"