diff --git a/styles/elements/_inputs.scss b/styles/elements/_inputs.scss index 7b22f2d7..93ee7917 100644 --- a/styles/elements/_inputs.scss +++ b/styles/elements/_inputs.scss @@ -80,6 +80,17 @@ } } + .usa-input__title { + display: flex; + align-items: center; + + .icon-tooltip { + padding: 0 $gap/2; + cursor: default; + margin-left: $gap/2; + } + } + .usa-input__help { @include h4; font-weight: normal; @@ -87,16 +98,7 @@ @include line-max; .icon-link { - padding: $gap/2; - } - } - - .icon-tooltip .icon { - @include icon-color($color-blue); - - &:hover { - @include icon-color($color-aqua); - cursor: pointer; + padding: 0 $gap/2; } } @@ -116,10 +118,6 @@ font-weight: $font-bold; } - .icon { - vertical-align: middle; - } - } ul { diff --git a/styles/elements/_tooltip.scss b/styles/elements/_tooltip.scss index 4cca7963..57995336 100644 --- a/styles/elements/_tooltip.scss +++ b/styles/elements/_tooltip.scss @@ -7,7 +7,7 @@ background: $color-black; color: $color-white; border-radius: $border-radius; - padding: 5px 10px 4px; + padding: $gap*2; } .tooltip-arrow { @@ -109,6 +109,11 @@ } } -.tooltip-wrapper { - // display: none; + +.icon-tooltip { + @include icon-link; + + .icon { + @include icon-size(16); + } } \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index 8416032f..515caec0 100644 --- a/templates/base.html +++ b/templates/base.html @@ -3,11 +3,12 @@ {% set context=g.navigationContext %} - + - {% block title %}JEDI{% endblock %} + + {% block title %}JEDI Cloud{% endblock %} {% assets "css" %} {% endassets %} diff --git a/templates/components/options_input.html b/templates/components/options_input.html index 4685f050..af2dfd81 100644 --- a/templates/components/options_input.html +++ b/templates/components/options_input.html @@ -6,7 +6,7 @@
-
+
{{ field.label | striptags}} {% if tooltip %}{{ Tooltip(tooltip) }}{% endif %}
diff --git a/templates/components/text_input.html b/templates/components/text_input.html index 933d1f07..c8fcbfa6 100644 --- a/templates/components/text_input.html +++ b/templates/components/text_input.html @@ -4,7 +4,7 @@ {% macro TextInput(field, tooltip='', placeholder='') -%}