diff --git a/src/open_inwoner/accounts/templates/accounts/registration_necessary.html b/src/open_inwoner/accounts/templates/accounts/registration_necessary.html index 4b701be6ac..d24e3795ef 100644 --- a/src/open_inwoner/accounts/templates/accounts/registration_necessary.html +++ b/src/open_inwoner/accounts/templates/accounts/registration_necessary.html @@ -8,7 +8,7 @@ {% get_solo 'configurations.SiteConfiguration' as config %}

{% trans "Registratie voltooien" %}


{% if config.registration_text %}

{{ config.registration_text|urlize|linebreaksbr }}

{% endif %} -
+ {% csrf_token %} {% if form.first_name %} diff --git a/src/open_inwoner/components/templates/components/Form/ChoiceListItem.html b/src/open_inwoner/components/templates/components/Form/ChoiceListItem.html index 9e9692dfab..3f8667e409 100644 --- a/src/open_inwoner/components/templates/components/Form/ChoiceListItem.html +++ b/src/open_inwoner/components/templates/components/Form/ChoiceListItem.html @@ -4,13 +4,13 @@
  • diff --git a/src/open_inwoner/scss/components/File/File.scss b/src/open_inwoner/scss/components/File/File.scss index a1997ab955..073c2eb927 100644 --- a/src/open_inwoner/scss/components/File/File.scss +++ b/src/open_inwoner/scss/components/File/File.scss @@ -80,7 +80,6 @@ } &__file + .file__data { - background-color: greenyellow; margin-top: var(--spacing-small); } diff --git a/src/open_inwoner/scss/components/Form/ChoiceList.scss b/src/open_inwoner/scss/components/Form/ChoiceList.scss index 68903950b0..8f8a3950a9 100644 --- a/src/open_inwoner/scss/components/Form/ChoiceList.scss +++ b/src/open_inwoner/scss/components/Form/ChoiceList.scss @@ -60,11 +60,31 @@ display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto auto; - gap: var(--spacing-extra-large); + grid-row-gap: 0; + grid-column-gap: var(--spacing-extra-large); width: calc(100% - var(--spacing-extra-large)); + .choice-list__content { + max-width: 100%; + } + & .choice-list__label { flex-direction: column-reverse; + text-align: center; + + [class*='icons'] { + margin-bottom: var(--spacing-small); + } + + .choice-list__content { + margin-bottom: var(--spacing-large); + } + } + + @media (max-width: 500px) { + display: flex; + row-gap: var(--spacing-medium); + width: 100%; } } @@ -120,7 +140,6 @@ border-top: 1px solid var(--color-gray-light); margin: var(--spacing-large) 0 0 0; padding: var(--spacing-large) 0 0 0; - max-width: var(--form-width); .choice-list__p { margin: var(--spacing-large) 0 0 0; @@ -152,7 +171,6 @@ &-multiple__item { border: var(--border-width-thin) solid var(--color-white); - max-width: var(--form-width); } &-multiple__item .choice-list-multiple__content .checkbox__label { diff --git a/src/open_inwoner/scss/components/Form/Form.scss b/src/open_inwoner/scss/components/Form/Form.scss index 7a99372cd8..fb521ddc1b 100644 --- a/src/open_inwoner/scss/components/Form/Form.scss +++ b/src/open_inwoner/scss/components/Form/Form.scss @@ -285,6 +285,13 @@ cursor: default; pointer-events: none; } + + &__choice-list { + @media (max-width: 767px) { + gap: var(--spacing-large); + max-width: var(--form-width); + } + } } /// Specific forms diff --git a/src/open_inwoner/templates/pages/kvk/branches.html b/src/open_inwoner/templates/pages/kvk/branches.html index e8513a6885..fbfb8734b8 100644 --- a/src/open_inwoner/templates/pages/kvk/branches.html +++ b/src/open_inwoner/templates/pages/kvk/branches.html @@ -5,7 +5,7 @@ {% render_grid %} {% render_column start=4 span=6 %}

    {% trans "Log in" %}

    - + {% csrf_token %} {% if form.branch_number.errors %} {% errors errors=form.branch_number.errors %} diff --git a/src/open_inwoner/templates/pages/profile/notifications.html b/src/open_inwoner/templates/pages/profile/notifications.html index 4dbcacf713..99cda166d3 100644 --- a/src/open_inwoner/templates/pages/profile/notifications.html +++ b/src/open_inwoner/templates/pages/profile/notifications.html @@ -8,7 +8,7 @@

    {% trans "Notificatie voorkeuren" %}

    - + {% csrf_token %} {% if form.any_notifications_enabled %}