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 4f8256b91..0ec7a33ec 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 b07132aa7..eaf92dbb8 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 */ } -