From aad5547c79141a2ea4d4aab59bac3589288b71bc Mon Sep 17 00:00:00 2001
From: Jake Herschman <91899352+jherschman@users.noreply.github.com>
Date: Thu, 14 Apr 2022 12:27:01 -0400
Subject: [PATCH] fixed text color and added card hover states (#12790)

---
 .../app/components/consul/server/list/index.scss         | 5 +++++
 .../consul-ui/app/styles/routes/dc/overview/license.scss | 9 +++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/ui/packages/consul-ui/app/components/consul/server/list/index.scss b/ui/packages/consul-ui/app/components/consul/server/list/index.scss
index 4f8256b910..0ec7a33ec4 100644
--- a/ui/packages/consul-ui/app/components/consul/server/list/index.scss
+++ b/ui/packages/consul-ui/app/components/consul/server/list/index.scss
@@ -7,3 +7,8 @@
 .consul-server-list {
   @extend %consul-server-list;
 }
+
+%consul-server-list a:hover div {
+  box-shadow: var(--decor-elevation-800);
+  --tone-border: var(--tone-gray-500);
+}
diff --git a/ui/packages/consul-ui/app/styles/routes/dc/overview/license.scss b/ui/packages/consul-ui/app/styles/routes/dc/overview/license.scss
index b07132aa7b..eaf92dbb86 100644
--- a/ui/packages/consul-ui/app/styles/routes/dc/overview/license.scss
+++ b/ui/packages/consul-ui/app/styles/routes/dc/overview/license.scss
@@ -12,6 +12,9 @@ section[data-route='dc.show.license'] {
   @extend %h200;
 }
 
+%license-validity p {
+  color: rgb(var(--tone-gray-700));
+}
 %license-validity dl {
   @extend %horizontal-kv-list;
   font-size: var(--typo-size-400);
@@ -21,7 +24,7 @@ section[data-route='dc.show.license'] {
 }
 %license-validity dl dt::before {
   content: '';
-  margin-right: 0.250rem; /* 4px */
+  margin-right: 0.25rem; /* 4px */
 }
 %license-validity dl .expired::before {
   --icon-name: icon-x-circle;
@@ -36,7 +39,6 @@ section[data-route='dc.show.license'] {
   --icon-color: rgb(var(--green-500));
 }
 
-
 %license-route-learn-more {
   @extend %panel;
   box-shadow: var(--decor-elevation-000);
@@ -52,11 +54,10 @@ section[data-route='dc.show.license'] {
   margin-bottom: 1rem; /* 16px */
 }
 %license-route-learn-more li {
-  margin-bottom: 0.250rem; /* 4px */
+  margin-bottom: 0.25rem; /* 4px */
 }
 %license-route-learn-more a::before {
   --icon-name: icon-docs-link;
   content: '';
   margin-right: 0.375rem; /* 6px */
 }
-