diff --git a/styles/elements/_inputs.scss b/styles/elements/_inputs.scss index 2845fe43..7805a2ef 100644 --- a/styles/elements/_inputs.scss +++ b/styles/elements/_inputs.scss @@ -86,7 +86,6 @@ } &__title { - display: flex; align-items: center; &-inline { @@ -378,8 +377,7 @@ select { margin-left: $gap * 4; .usa-input { - input, - label { + input { max-width: 12rem; } diff --git a/templates/components/multi_checkbox_input.html b/templates/components/multi_checkbox_input.html index 41fb23c3..40fb3d7a 100644 --- a/templates/components/multi_checkbox_input.html +++ b/templates/components/multi_checkbox_input.html @@ -1,7 +1,7 @@ {% from "components/icon.html" import Icon %} {% from "components/tooltip.html" import Tooltip %} -{% macro MultiCheckboxInput(field, other_input_field=None, tooltip=None, inline=False) -%} +{% macro MultiCheckboxInput(field, other_input_field=None, tooltip=None, inline=False, optional=True) -%}
- {{ field.label | striptags}} + {{ field.label | striptags }} + {% if optional %} + (optional) + {% endif %} {% if tooltip %}{{ Tooltip(tooltip) }}{% endif %} {% if not field.description %} {{ validation_icons }} diff --git a/templates/components/options_input.html b/templates/components/options_input.html index f5b98697..e346440d 100644 --- a/templates/components/options_input.html +++ b/templates/components/options_input.html @@ -28,6 +28,9 @@
{{ field.label | striptags}} + {% if optional %} + (optional) + {% endif %} {% if tooltip %}{{ Tooltip(tooltip) }}{% endif %}
diff --git a/templates/components/text_input.html b/templates/components/text_input.html index 9487abc2..9b9cb279 100644 --- a/templates/components/text_input.html +++ b/templates/components/text_input.html @@ -40,6 +40,9 @@