diff --git a/ui-v2/app/styles/components/anchors.scss b/ui-v2/app/styles/components/anchors.scss index d9dfa80f9c..ad56af1bfc 100644 --- a/ui-v2/app/styles/components/anchors.scss +++ b/ui-v2/app/styles/components/anchors.scss @@ -12,6 +12,11 @@ a[rel*='external'] { @extend %with-info-circle-outline-icon, %as-pseudo; opacity: 0.4; } +%main-content h2 a[rel*='help']::after { + font-size: 0.65em; + margin-top: 0.2em; + margin-left: 0.2em; +} [role='tabpanel'] > p:only-child [rel*='help']::after { content: none; diff --git a/ui-v2/app/styles/components/app-view.scss b/ui-v2/app/styles/components/app-view.scss index 668f0143d4..7cd6562ee1 100644 --- a/ui-v2/app/styles/components/app-view.scss +++ b/ui-v2/app/styles/components/app-view.scss @@ -19,6 +19,9 @@ main { // TODO: This should be its own component %app-view h1 span[data-tooltip] { @extend %with-external-source-icon; + // TODO: Look to remove this, right now its needed but this + // should automaticaly vertically center + margin-top: 20px; } %app-view h1 span.kind-proxy { @extend %type-icon, %with-proxy; diff --git a/ui-v2/app/styles/components/app-view/layout.scss b/ui-v2/app/styles/components/app-view/layout.scss index 4bb9e4247e..0eae559a23 100644 --- a/ui-v2/app/styles/components/app-view/layout.scss +++ b/ui-v2/app/styles/components/app-view/layout.scss @@ -61,7 +61,7 @@ margin-bottom: 0.4em; } // TODO: Think about an %app-form or similar -%app-content fieldset { +%app-content fieldset:not(.freetext-filter) { padding-bottom: 0.3em; margin-bottom: 2em; } diff --git a/ui-v2/app/styles/components/phrase-editor/layout.scss b/ui-v2/app/styles/components/phrase-editor/layout.scss index d998a37807..aa7e5c5ded 100644 --- a/ui-v2/app/styles/components/phrase-editor/layout.scss +++ b/ui-v2/app/styles/components/phrase-editor/layout.scss @@ -23,6 +23,10 @@ padding: 8px 10px; box-sizing: border-box; } +%phrase-editor button::before { + // TODO: Look at why this isn't automatically centering + vertical-align: inherit !important; +} @media #{$--horizontal-selects} { %phrase-editor { margin-top: 14px; diff --git a/ui-v2/app/styles/routes/dc/nodes/index.scss b/ui-v2/app/styles/routes/dc/nodes/index.scss index de3b376ceb..2bb95dfe96 100644 --- a/ui-v2/app/styles/routes/dc/nodes/index.scss +++ b/ui-v2/app/styles/routes/dc/nodes/index.scss @@ -4,3 +4,7 @@ html.template-node.template-show .sessions td:last-child { html.template-node.template-show .sessions td:first-child { @extend %tbody-th; } +html.template-node.template-list .healthy h2, +html.template-node.template-list .unhealthy h2 { + margin-bottom: 0.7em; +}