diff --git a/apps/accounts/templates/provider_registration/base_form.html b/apps/accounts/templates/provider_registration/base_form.html index 840e53df..d6ba4617 100644 --- a/apps/accounts/templates/provider_registration/base_form.html +++ b/apps/accounts/templates/provider_registration/base_form.html @@ -15,12 +15,12 @@ {% endblock %} {% if form.is_multipart %} -
+ {% else %} - + {% endif %} {% csrf_token %} - +
{{ wizard.management_form }} {% if wizard.form.forms %} {{ wizard.form.management_form }} @@ -35,7 +35,7 @@ {% if wizard.steps.prev %} -
+ diff --git a/apps/accounts/templates/provider_registration/network_footprint.html b/apps/accounts/templates/provider_registration/network_footprint.html index 41e003b6..32835c13 100644 --- a/apps/accounts/templates/provider_registration/network_footprint.html +++ b/apps/accounts/templates/provider_registration/network_footprint.html @@ -65,9 +65,9 @@

Network footprint

{% if form.is_multipart %} - + {% else %} - + {% endif %} {% csrf_token %} @@ -86,28 +86,25 @@

Network footprint

{% if wizard.form.non_field_errors %} -
-
-
-
- {{ wizard.form.non_field_errors }} -
-
+
+
+ {{ wizard.form.non_field_errors }}
{% endif %} -
+

Identify this provider by IP range

You can submit one or more IP ranges which will be used to identify any websites running on this provider.

-

Notes:

-
    -
  • IPv4 and IPv6 formats are supported
  • -
  • To add a single IP address, put the same address in both the START and END fields
  • -
+ +

Notes:

+
    +
  • IPv4 and IPv6 formats are supported
  • +
  • To add a single IP address, put the same address in both the START and END fields
  • +
{{ wizard.form.ips.management_form }} @@ -201,8 +198,8 @@

Identify this provider by ASN

-
- +
+ {% if wizard.steps.prev %}
diff --git a/apps/theme/static_src/src/css/custom/forms-custom.css b/apps/theme/static_src/src/css/custom/forms-custom.css index e8fe4316..4de0c52c 100644 --- a/apps/theme/static_src/src/css/custom/forms-custom.css +++ b/apps/theme/static_src/src/css/custom/forms-custom.css @@ -2,6 +2,7 @@ /* 0.1 BASE SIZED TEXT FIELDS */ /* Styles for forms that are laid out as tables */ +/* 1. GENERAL gwf-form */ /* 1. GENERAL form_table */ /* 2. NETWORK FOOTPRINT TABLE */ /* 3. CONSENT TABLE */ @@ -23,6 +24,9 @@ .errorlist li { @apply mb-4; } +.errorlist li:last-of-type { + @apply mb-0; +} .helptext { @apply text-base; @@ -42,10 +46,77 @@ @apply w-full; } +/* **************************** */ +/* 1. GENERAL gwf-form */ +.gwf-form { + @apply my-8; +} +.gwf-form > div { + @apply flex; + @apply flex-col; + @apply items-start; + @apply py-8; + @apply border-b-0; +} +.gwf-form > div > * { + @apply w-full; +} +/* .form__table td { + @apply flex; + @apply flex-col; + @apply pl-0; +} */ +.gwf-form label { + @apply block; + @apply text-left; +} +.gwf-form .helptext { + /* @apply order-first; */ + @apply pb-6; +} +.gwf-form .nav-buttons { + @apply block; + @apply py-0; +} +.gwf-form .nav-buttons > * { + @apply w-auto; +} +.gwf-form ul { + @apply my-0; + @apply list-none; + @apply pl-0; +} +.gwf-form li { + @apply pl-0; +} +.gwf-form fieldset { + @apply flex; + @apply flex-col; + @apply items-start; +} +.gwf-form fieldset .errorlist { + @apply -order-2; +} + +/* table[class^="form__table--"] tbody { + @apply flex; + @apply gap-8; +} +table[class^="form__table--"] tbody > * { + @apply py-0; + @apply w-1/5; +} +/* Typically within the th element */ +/*table[class^="form__table--"] label { + @apply text-sm; + @apply uppercase; + @apply font-normal; +} */ /* **************************** */ /* 1. GENERAL form_table */ -.form__table { + +/* .form__table { @apply my-8; } .form__table tr { @@ -57,9 +128,9 @@ } .form__table tr > * { @apply w-full; -} +} */ -.form__table td { +/* .form__table td { @apply flex; @apply flex-col; @apply pl-0; @@ -67,21 +138,21 @@ .form__table label { @apply block; @apply text-left; -} -.form__table span.helptext { +} */ +/* .form__table span.helptext { @apply order-first; @apply pb-6; -} -.form__table ul { +} */ +/* .form__table ul { @apply my-0; @apply list-none; @apply pl-0; -} -.form__table .errorlist { +} */ +/* .form__table .errorlist { @apply order-2; -} +} */ -table[class^="form__table--"] tbody { +/* table[class^="form__table--"] tbody { @apply flex; @apply gap-8; } @@ -90,23 +161,34 @@ table[class^="form__table--"] tbody > * { @apply w-1/5; } /* Typically within the th element */ -table[class^="form__table--"] label { +/*table[class^="form__table--"] label { @apply text-sm; @apply uppercase; @apply font-normal; -} +} */ /* 2. NETWORK FOOTPRINT TABLE */ .form__table--network tbody { + @apply flex; @apply flex-wrap; - @apply 2xl:flex-nowrap; + @apply gap-x-8; + @apply xl:flex-nowrap; } .form__table--network tbody > tr { @apply w-auto; + @apply border-0; +} +.form__table--network tbody th { + @apply w-16; +} +.form__table--network tbody td { + @apply w-52; } .form__table--network label { - @apply mb-1; + @apply mb-0; + @apply pb-0; + @apply text-med; } /* 3. CONSENT TABLE */ diff --git a/apps/theme/static_src/src/css/custom/forms.css b/apps/theme/static_src/src/css/custom/forms.css index 88009d13..086e1b02 100644 --- a/apps/theme/static_src/src/css/custom/forms.css +++ b/apps/theme/static_src/src/css/custom/forms.css @@ -1,6 +1,13 @@ -label { +label, +legend { @apply text-4xl; @apply text-black; + @apply leading-normal; + @apply pb-4; +} +fieldset label { + @apply text-base; + @apply uppercase; } [type="text"], @@ -38,9 +45,3 @@ textarea { [type="radio"]:checked { @apply bg-black; } - -/* Form layouts specific to Django HTML output */ -form li label { - @apply text-base; - @apply uppercase; -}