{% load static %} {% block ui_library_include %} {% endblock %} {% block additional_style %} .dynamicforms-actioncontrol .btn { margin-top: -.25rem; margin-right: .5rem; padding: .15rem .3rem; font-size: .675rem; line-height: 1.1; border-radius: .13rem; } .dynamicforms-actioncontrol .btn img { margin: .05rem .25rem .05rem 0; width: .75rem; height: .75rem; } .df-card { display: inline-block; margin: 1em; } .input-group.input-group-select2 { flex-wrap: nowrap; } .select2-container--bootstrap4 { /* otherwise select2s are too narrow */ width: 100% !important; } .input-group > .select2-container--bootstrap4 { flex: 1 1 auto; } .input-group > .select2-container--bootstrap .select2-selection--single { height: 100%; line-height: inherit; padding: 0.5rem 1rem; } .select2-copy-field { display: inline-block; content: ""; background-image: url("{% static 'dynamicforms/icons/copy.svg' %}"); background-repeat: no-repeat; background-size: 1rem 1rem; background-color: transparent; background-position: center; } .password-field { display: inline-block; content: ""; background-image: url("{% static 'dynamicforms/icons/eye-outline.svg' %}"); background-repeat: no-repeat; background-size: 1rem 1rem; background-color: transparent; background-position: center; } .password-field-slash { display: inline-block; content: ""; background-image: url("{% static 'dynamicforms/icons/eye-off-outline.svg' %}"); background-repeat: no-repeat; background-size: 1rem 1rem; background-color: transparent; background-position: center; } {% endblock %}