diff --git a/ui/packages/consul-ui/app/components/app-view/layout.scss b/ui/packages/consul-ui/app/components/app-view/layout.scss index 725b0cba2..f08c05096 100644 --- a/ui/packages/consul-ui/app/components/app-view/layout.scss +++ b/ui/packages/consul-ui/app/components/app-view/layout.scss @@ -21,9 +21,6 @@ %app-view-actions { margin-top: 9px; } -%app-view-actions > *:not(:last-child) { - margin-right: 12px; -} /* content */ /* TODO: Think about an %app-form or similar */ diff --git a/ui/packages/consul-ui/app/styles/routes/dc/services/index.scss b/ui/packages/consul-ui/app/styles/routes/dc/services/index.scss index ac0c58023..ed24d44f4 100644 --- a/ui/packages/consul-ui/app/styles/routes/dc/services/index.scss +++ b/ui/packages/consul-ui/app/styles/routes/dc/services/index.scss @@ -1,3 +1,11 @@ +/* drop the external dashboard button down if it exists */ +/* so it doesn't sit next to the Intentions create button */ +/* awkwardly */ +html[data-route^='dc.services.show'] .app-view .actions .external-dashboard { + position: absolute; + top: 50px; + right: 0; +} /* instance detail dl text*/ html[data-route^='dc.services.instance'] .app-view > header dl { float: left; diff --git a/ui/packages/consul-ui/app/templates/dc/services/show.hbs b/ui/packages/consul-ui/app/templates/dc/services/show.hbs index 4817b0984..5bfd29fd5 100644 --- a/ui/packages/consul-ui/app/templates/dc/services/show.hbs +++ b/ui/packages/consul-ui/app/templates/dc/services/show.hbs @@ -186,8 +186,8 @@ as |items item dc|}} }} as |config|> {{#if config.data.dashboard_url_templates.service}} - Open dashboard - + {{/if}}